iPhone横屏模式下的网页

发布于 2024-12-11 06:00:15 字数 727 浏览 0 评论 0原文

我想在移动 Safari 中锁定网页的水平滚动。 在 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 中的水平滚动吗?

提前致谢.. :)

I want to lock the horizontal scroll of my webpage in mobile Safari.
Specifying the width n height in background.js fixed the problem for 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];
})();

But if I add a similar block for iPhone it's giving zooming problem.

Any suggestion how can I lock the horizontal scroll in iPhone?

Thanks in advance.. :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情深已缘浅 2024-12-18 06:00:15

您是否尝试过使用视口的元标记,将宽度固定为设备宽度。

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

Have you tried using a meta tag for viewport, fix the width as device width.

<meta name = "viewport" content = "width = 320">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文