CSS 媒体查询在应该的时候没有启动

Question

大家好(当然还有女孩们)

我在 webkit 和媒体查询方面遇到了重大问题。基本上，它们只会比应有的时间延迟大约 15-30 像素。

当我加载启用了 Javascript 的页面时，我可以从控制台看到正确的设备宽度，这与我向其抛出的扩展数组相对应。

当我禁用 javascript 时，我得到了相同的结果，所以显然这不是我的 javascript 或任何插件导致的结果。

在开发工具中，我可以观察检查器选项卡，相关媒体查询直到它们应该启动后才会启动，您可以看到它们启动的分辨率与媒体查询本身不匹配。

任何有关此问题的帮助将不胜感激，因为我现在无法提出任何其他建议。

如果我可以向您提供任何可以帮助您帮助我的信息，请告诉我(由于保密，我无法提供屏幕截图)。

提前致谢，希望如此:-) 约翰

Answer 1

在 Twitter 上分享我的问题后，我收到了此已修复的链接

http://mattstow.com/your-media-queries-are-wrong-fix-them-with-viewport-genie-and-mqgenie.html

它基本上是说 webkit 在应用媒体查询时不考虑滚动条，这(对我来说)解释了媒体查询所关闭的正确空间。我希望其他人发现这个答案有用，因为我无法通过搜索谷歌找到任何信息。显然，现在我能够缩小搜索范围，我可能能够在那里找到答案。