веб-страница в ландшафтном режиме iPhone

Question

Я хочу заблокировать горизонтальную прокрутку своей веб-страницы в мобильном Safari. Задание ширины n высоты в background.js исправило проблему для iPad:

if(B.msie<=8 || B.iPad) (function() {
    var mixin, i,   
    bg_tile = static_url('bg_tile');
    if(B.iPhone || B.iPad) {
    bg_tile = static_url('iOS_bg_tile');
    }

    for(i in mixin={
    width: 768,
    height: 600,
    fade: false,
    srcs: {
        tile: bg_tile,
        radial: static_url('bg_radial')
    },
    customCSS: function(el) {
        el.style.background = 'url('+this.srcs.tile+')';
    },
    mainSrc: 'radial'
    }) if(mixin.hasOwnProperty(i)) BG.BackgroundView.prototype[i] = mixin[i];
})();

Но если я добавлю аналогичный блок для iPhone, это создаст проблему увеличения.

Есть предложения, как заблокировать горизонтальную прокрутку в iPhone?

Заранее спасибо ..:)

Answer 1

Вы пытались использовать метатег для области просмотра, исправьте ширину как ширину устройства.

<meta name = "viewport" content = "width = 320">