Question

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

该技术在桌面浏览器上非常棒，但在移动WebKit上，溢出-x不会被隐藏，您可以缩放，退出或滚动到仅包含不可能宽的彩条的页面部分。它没有帮助设置视口。

如何在不搞砸变焦的情况下获得此效果？

Answer 1

您是否尝试将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>

如何在不搞砸iPhone的情况下创建一个完整的浏览器宽度条？

1 个答案: