Question

我想在移动版Safari中锁定网页的水平滚动条。在background.js中指定宽度n高度修复了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">

iPhone横向模式的网页

1 个答案: