嗨大家好（当然还有女孩）
我遇到了webkit和媒体查询的主要问题。基本上他们只是应该在15-30px左右踢。
当我加载启用了Javascript的页面时，我可以从控制台看到正确的设备宽度，这与我抛出的扩展数组相对应。
当我禁用javascript时，我会得到相同的结果，所以显然不是我的javascript或任何插件都会丢弃。
在开发工具中，我可以观看检查器选项卡，并且相关的媒体查询在它们应该发生之后才会启动，并且您可以看到它们踢出的分辨率与媒体查询本身不匹配。< / p>
我很欣赏任何帮助，因为我现在还不能提出任何其他建议。
如果有任何我可以给你的信息可以帮助你帮助我，请告诉我（由于不披露，我限制了我可以提供的截图）。
提前致谢＆amp;这里希望:-) 约翰
答案 0 :(得分：2)
在Twitter上分享我的问题之后，我收到了这个已修复的链接
http://mattstow.com/your-media-queries-are-wrong-fix-them-with-viewport-genie-and-mqgenie.html
它基本上表示webkit在应用媒体查询时没有考虑滚动条，而且（对我来说）会解释媒体查询关闭的正确空间。我希望其他人认为这个答案很有用，因为我无法通过Google搜索找到任何信息。显然现在我能够缩小搜索范围，我可能会在那里找到答案。
答案 1 :(得分：1)
检查浏览器宽度和视口宽度之间的差异。这是你想用手机，平板电脑等设计的后者。
答案 2 :(得分：1)
滚动条就是这个原因，由于滚动条，我们计算出的js宽度和你在媒体查询中定义的宽度不一样（我认为在某些浏览器中它们是相同但不是全部）。
您需要同步宽度，以便js和媒体查询相同。如果你想使用媒体查询宽度，那么你可能需要一个元素来检查css的变化。如果您想使用js width，那么您可以轻松地向正文添加一个类，并使用该类定位您的媒体查询。我相信还有其他同步方式。