IMHO, the best design approach is to start with width. It's the best indicator of overall size, and allows you to "get in the ballpark" with respect to the question: is this a desktop, tablet or phone?
Once you've established width, you can configure your content to look good with that, and always allow for scrolling to make up the difference. Scrolling is a natural motion, and no one doesn't "get" scrolling. Yes, it can be a PITA, but it is not "hard" or confusing. If you then want to take it further, and get a "single page" effect, you can, within widths, determine heights, and scale to those. But as others have noted, there's just no reasonable way to keep up with all the variations in screen size, and I feel this is a fool's errand. So for me, I pay 95% of my attention to width. It also has the side effect of being very easy to test for, just by dragging the edge of a browser window around. On 7/14/15, 9:43 AM, "css-d-boun...@lists.css-discuss.org on behalf of Tom Livingston" <css-d-boun...@lists.css-discuss.org on behalf of tom...@gmail.com> wrote: >On Tuesday, July 14, 2015, David Hucklesby <huckle...@gmail.com> wrote: > >> On 7/13/15 2:44 PM, Crest Christopher wrote: >> >>> I know it can be up to personal taste, if you create a portrait >>>responsive >>> page, does it matter if it's not designed for landscape ? >>> >>> >> I would think that would depend on what device a visitor uses. Some >> portable >> devices I see people using sit in a cradle, so are always in "landscape" >> mode. >> In addition, the widths in landscape orientation vs. portrait vary a >>lot. >> >> Better, I believe, would be to design for any width/height combination, >> since >> you never know what weird combination will be used in a new device that >> comes >> out tomorrow? >> >> -- >> Cordially, >> David >> ______________________________ >> > >Agreed. > > >-- > >Tom Livingston | Senior Front End Developer | Media Logic | >ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.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/ ______________________________________________________________________ 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/
