Information Technology Reference
In-Depth Information
I know exactly what you're thinking, “What if I have to code my web application to
match a Google TV Android device hooked up to a television or device with a 16x9
display?!” Well don't you fret because the flexible nature of CSS3 media queries has you
covered, as it does in the following example:
<link rel="stylesheet" media="all and (device-aspect-ratio: 16/9)" href="television.css"
/>
As you can see from these preceding examples, media queries are an incredible tool in
any web developer's arsenal in a world that is quickly becoming dominated by HTML5
and CSS3 capable devices and applications. To learn more about the power of Media
Queries, check them out on the W3.org website here— www.w3.org/TR/css3-
mediaqueries/#media0.
Summary
In this chapter, we've talked a lot about the size of your web pages and how that size
can change based on the screen used to view the content. Now that we've got the
screen resolution issue out of the way, we'll zoom in a bit and address the best ways to
handle different browsers!
 
Search WWH ::




Custom Search