html - 在不影响移动 IE10 的情况下隐藏 Firefox 中响应式设计 View 的滚动条？

Question

Firefox 中的响应式设计 View 包括一个在测试宽度内的垂直滚动条，与没有滚动条的真实移动设备相比，这使得预览网站有点不舒服。所以我加了

html{ overflow-y: hidden; }

到我的 CSS。虽然这非常适合桌面测试、我检查过的所有 iOS 设备和大多数 Android 设备，但它完全搞砸了 Windows Phone 8 上 IE10 中的站点:当您使用导航和表单时，页面开始疯狂跳转，有时甚至显示一个空白屏幕，如果您稍微滚动它就会消失。

由于我在一个相当复杂的网站上工作，我花了几天时间才弄清楚这个问题，所以只是想让大家知道谁有类似的问题。

在 Firefox 中使用响应式设计 View 时如何防止这种情况？

与此同时，我已经切换到响应式预览小书签 ( http://lab.maltewassermann.com/viewport-resizer/ )，它无论如何都不显示滚动条。 Mozilla 似乎在即将推出的第 22 版 (http://www.youtube.com/watch?v=SGCbIMH3gMM) 中通过“移动滚动条”解决了这个问题。

Answer 1

根据我的理解，专门为 mozilla 编写样式可以解决此问题。

eg: @-moz-document url-prefix() 
    {
        html{ overflow-y: hidden; }
    }

将专门用于 mozilla 的代码放在样式表的底部。