当前位置：文江博客话题详情

如何在不影响 iPhone 缩放的情况下创建全浏览器宽度的栏？

发布于 2024-12-09 18:08:13 字数 299 浏览 0 评论 0原文

我正在尝试创建在屏幕上一直延伸的颜色条 http ://css-tricks.com/9443-full-browser-width-bars/ 并且不可能重新排列 DOM 以使其更容易。

该技术在桌面浏览器上非常棒，但在移动设备上，WebKit 溢出-x 并未隐藏，您可以放大、缩小或滚动到仅包含令人难以置信的宽颜色条的页面部分。设置视口没有帮助。

如何在不破坏变焦的情况下获得这种效果？

原文

分享到QQ

分享到微博

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

发布评论

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

顾铮苏瑾 2024-12-16 18:08:13

您是否尝试过将 overflow-x:hidden; 添加到滚动条的父元素？我发现这种技术在开发基于 webkit 的移动浏览器时非常有用。

<body>
    <div id="wrap" style="overflow-x: hidden;">
        <div id="massive_coloured_bar" style="your full-width technique here"></div>
    </div>
</body>

Have you tried to adding overflow-x: hidden; to the parent element of the scroll-bars? I have found this technique useful when developing for webkit based mobile browsers.

<body>
    <div id="wrap" style="overflow-x: hidden;">
        <div id="massive_coloured_bar" style="your full-width technique here"></div>
    </div>
</body>

回复收藏 0 原文

~没有更多了~