可能重复：
问题与CSS媒体查询（滚动条）
所以，火狐包括在其窗口宽度计算，在那里有Webkit的滚动条宽度不。 这会导致浏览器之间的不一致。
现在，我知道，在技术上Firefox是通过计算作为滚动窗口宽度的部分后的规范，但是这似乎真的是反直觉给我。 毕竟，移动设备没有滚动条和滚动条宽度从浏览器到浏览器/ OS变化到OS。
有什么我可以做，以防止从火狐包括滚动条的宽度？ 也许一块的jQuery的，让我的媒体查询跨浏览器正确地火？
谢谢。
Answer 1:
如果你只是使用媒体查询，然后从侧边栏偏移不会使浏览器之间的任何差别。
如果你正在尝试但是使用jQuery与媒体查询时，您可能会遇到一些小问题，如jQuery中返回的宽度一致，且偏移然后将显示。
为了解决这个问题，你只需要计算Firefox浏览器侧边栏的偏移和减去从任何一点你想的到syncronize。 即
var scrollBarWidth = 0;
if ($.browser.mozilla)
scrollBarWidth = window.innerWidth - jQuery("body").width();
再后来，当你指定同步上...
if ($(window).width() < mediaQueryWidth - scrollBarWidth) {
//act to do along with the media query
}
希望这是有益的
文章来源: CSS Media Queries and Firefox's Scrollbar Width [duplicate]
