我已经做了一些测试,从我可以看到在ios6上的移动Safari中有一个错误.
当添加overflow：隐藏在body标签上,并使用transform来移动一个元素：translateX(100％);它为该元素创建了一个额外的可滚动空间.
在所有桌面浏览器上都是“隐藏”的.
这是一个演示：http://jsfiddle.net/mUB5d/1.在移动Safari中打开它,你会看到有什么问题.
有人可以在Mac OS上看一下safari 6,看看bug是否还存在？
除了在我的元素周围创建另一个父母,有没有人知道任何解决方法？
感谢您的反馈意见！
解决方法
不. Mac上的Safari 6不存在错误.滚动条不存在.
我在OSX山狮跑了(10.8.2)
为了进一步回答你的问题,发生这种情况的原因可能与Mobile Safari的缩放渲染有关,而不是溢出隐藏的bug.事实上,该元素被隐藏在屏幕之外(注意下面我已经向右滚动到所有方向,但仍然没有显示完整的100％宽度的元素 – 其实90％的事实上被隐藏.
它可能与iframe和页面缩放有关.仍然看起来像一个bug.
我假设你在JSFiddle中展示了一个真实的例子.如果你回到现实生活中的例子(除了iframe领域之外),如果你还没有这个Meta标签,可以尝试添加这个Meta标签,看到这个有助于：
< Meta name =“viewport”content =“width = device-width,initial-scale = 1”>
