Supports JavaScript, CSS, XMLHttpRequest
Supports Video and Audio
Relatively small display
Touch interface
"The finger is not a mouse"
Fingers are fat
Fingers can't hover (at least, not detectably)
User can magnify large web pages by double-tapping or pinching
Mobile browsers render web pages in a full-screen window called the “viewport”
Users must perform both horizontal and vertical scrolling when viewing normal websites, and do a lot of zooming in and out to read the text
A mobile-optimized web page uses a meta viewport tag like
this to indicate that it is designed to look good on a device with a
smaller screen (typically, 320px wide):
<meta name =
"viewport" content = "width=device-width">
This
sets the scale to the width of the device.
See http://www.quirksmode.org/mobile/viewports2.html for more on the viewport