короче подправил пост выше, width=device-width,scale=1 -верное решение в данном случае (поправил выше также), думаю тс не олень чтобы копировать полностью доктайпы и прочую хрень, а про ошибку при поворотах из альбомного в ландшафт я пояснение дал

<meta name=\"viewport\" content=”width=device-width,initial-scale=1″ />

+js


var viewportmeta = document.querySelector && document.querySelector(\'meta[name=\"viewport\"]\'),
ua = navigator.userAgent,

gestureStart = function () {
viewportmeta.content = \"width=device-width, minimum-scale=0.25, maximum-scale=1.6\";
},

scaleFix = function () {
if (viewportmeta && /iPhone|iPad/.test(ua) && !/Opera Mini/.test(ua)) {
viewportmeta.content = \"width=device-width, minimum-scale=1.0, maximum-scale=1.0\";
document.addEventListener(\"gesturestart\", gestureStart, false);
}
};

scaleFix();





з.ы js для испорченых яблок


зы подправил мет ибо не тот дал, а js поясню - для устранения ошибки при повороте из портретного в ландшафтный и обратно, появляется много свободного места помимо основного блока