On Mon, Oct 13, 2014 at 3:47 PM, Del Wegener <d...@delweg.com> wrote: > Good Day; > I would like to size a body element so that it takes up about 20% of the > viewport on a 22in monitor and takes up about 99% of the viewport on a > cellphone. > > Look at > http://www.drdelmath.com/study_aids/flash_cards/flash_card_presenter.html
Aside from having to deal with layout issues on a phone/small table as it is, you could have the flashcard's container have width: 95%; (or whatever you need) as a base style (mobile-first), then within a media query for your large widths, add a max-width: 600px; (or whatever you need). HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com #663399 ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
