By default, mobile web browsers lay out a page for a viewport about 980 pixels wide, assuming that designers laid out the pages to look good on a desktop PC with a 1024x768 pixel monitor, a netbook with a 1024x600 pixel monitor, a 1024x768 pixel iPad held horizontally, or a window snapped to half the width of a 1920x1080 pixel monitor. A mobile-friendly site can disable this behavior with the following element:
Code: Select all
<meta name="viewport" content="width=device-width">
See also articles about font inflation on dbaron's blog, jwir3's blog, and Firefox Support.