braziljs/front-in-maceio — pull request #21 by gmmcal (2012-09-30 02:59:24+00:00)
Title: Fix display on iPhones and iPads on some areas

Galera, gostaria de abrir uma discussao sobre isso:

o site tava com umas áreas bugadas no iPad e iPhone (nao testei em androids) devido a uma tag que se tem usado muito pra evitar problemas de leitura em dispositivos móveis

Pelo que vi, ao usar essa tag, as áreas que são 100% da tela se perdem na renderização, fazendo com que o browser ache que tem uma dimensão (ex, 320 no iphone e 768 no iPad), onde deveria retornar o valor do site total (980, no caso). Alguem com mais experiencia poderia explicar melhor isso?

Li em: http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html
width=device-width
Most sites that I've seen advise you to set the content attribute to width=device-width. This tells the browser to assume that the page is as wide as the device. Unfortunately, this is only true when your device is in the portrait orientation. When you rotate to landscape, the device-width remains the same (eg: 320px), which means that even if your page were designed to work well in a 480px landscape design, it would still be rendered as if it were 320px.