development - eSterling a fully charged digital agency Thu, 24 Jun 2010 08:03:24 +0000 en-US hourly 1 https://www.esterling.co.uk/wp-content/uploads/2025/04/cropped-esterling-mob-32x32.png development - eSterling 32 32 CSS Media Queries https://www.esterling.co.uk/blog/css-media-queries/ Thu, 24 Jun 2010 08:03:24 +0000 http://esterling.wordpress.com/?p=9 Nary a month on from the UK launch of the iPad it’s iPhone 4 day. Beyond the sight of people […]

The post CSS Media Queries appeared first on eSterling.

]]> Nary a month on from the UK launch of the iPad it’s iPhone 4 day. Beyond the sight of people getting giddy over expensive consumer electronics the proliferation of mobile devices with all sorts of different resolutions and orientations raises the question of how best to serve web content that can be viewed as nature intended on all these devices. We’re not even past clients asking for pages that “fit on one screen” to which we invariably point to articles such as this – http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm –  so how do we build for everyone ?

One answer are CSS media queries. Simply put these allow you to supply different CSS depending upon queries about the devices resolution and orientation. For more information see http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html and http://www.alistapart.com/articles/responsive-web-design/

The post CSS Media Queries appeared first on eSterling.

]]>