The previous chapter covered the fundamentals of the graphical user interface for the iPhone. Refreshing your mind, we described the viewport as the rectangular area determining how the content of the application displays on the device. This one is an important concept to keep in mind when you're building web applications that have a native look.
We only need one line of code in our HTML files, inside the
<meta name="viewport" content="width=device-width" />
The viewport area can be controlled through the
viewport meta tag defined by the Safari Mobile browser. The
width property sets the available width in pixels for the area. Using the value
device-width, we can use all available ...