Css 如何在iPhone上创建一个全浏览器宽度栏而不影响缩放？_Css_Webkit_Mobile Safari

Css 如何在iPhone上创建一个全浏览器宽度栏而不影响缩放？

css

Css 如何在iPhone上创建一个全浏览器宽度栏而不影响缩放？,css,webkit,mobile-safari,Css,Webkit,Mobile Safari,我正在尝试创建颜色条，这些颜色条会一直延伸到整个屏幕，因为不可能重新排列DOM以使其更容易这项技术在桌面浏览器上非常棒，但在移动WebKit上，overflow-x并没有隐藏，您可以放大、缩小或滚动到页面中只包含不太可能宽的颜色条的部分。设置视口没有帮助如何在不破坏缩放效果的情况下获得此效果？您是否尝试添加溢出-x:hidden到滚动条的父元素？我发现在开发基于webkit的移动浏览器时，这种技术非常有用 <body> <div id="wrap" style="o

我正在尝试创建颜色条，这些颜色条会一直延伸到整个屏幕，因为不可能重新排列DOM以使其更容易

这项技术在桌面浏览器上非常棒，但在移动WebKit上，overflow-x并没有隐藏，您可以放大、缩小或滚动到页面中只包含不太可能宽的颜色条的部分。设置视口没有帮助

如何在不破坏缩放效果的情况下获得此效果？

您是否尝试添加

溢出-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>