我试图在http://css-tricks.com/9443-full-browser-width-bars/上创建一直延伸到整个屏幕的颜色条，并且不可能重新排列DOM以使其更容易。
这项技术在桌面浏览器上非常棒，但在移动WebKit上，溢出-x不会被隐藏，您可以缩放，退出或滚动到仅包含不可思议的宽色条的页面部分。它没有帮助设置视口。
如何在不搞砸变焦的情况下获得此效果？
您是否尝试将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>