HTML and CSS Reference
In-Depth Information
Figure 2-1.
Using Modernizr to detect features on haz.io
Screen Sizes and Pixel Density
When developing a mobile web application, you might want to create a single
application that has the same functionality for both tablet devices and mobile
devices, but present a different view or layout to make use of the extra space or
orientation of the device. Media queries can help to facilitate this.
Using a combination of media queries and elastic design, you can produce
views that respond to the display of the user, rather than detecting the user's
type of device and providing a view for it. This is known as responsive web
design.
This method of development is much more elegant than deciding how a user
should view your web site based on the type of device that they are using.
Instead you focus on the available space and pixel density available.
