Viewports are pretty easy on desktop: they're the browser window. Thus, an element with width: 10% will span 10% of the browser window, while width: 100px just means a width of 100px.
On mobile, things are quite different. There are two viewports and three kinds of pixels, and they interact in all kinds of weird ways—ways that depend on the browser.
In this technical presentation PPK will explain why a pixel is not a pixel, what the difference between the two viewports is, and which bits web developers should care about.
Caution: Heads may explode!
Mobile platform strategist | consultant | writer | conference organiser and speaker | blogger | trainer | browser compatibility expert bio from Twitter
17 more videos from Fronteers 2012
Sign in to add slides, notes or videos to this session