CSS3媒体查询触发延迟

我在我正在研究的Drupal站点中有一组简单的媒体查询。媒体查询触发，但是，每个触发像素迟了（“max-width：1075px”在977px处应用，“max-width：797px”在724px处应用，在两个示例中大约为90.8％）。CSS3媒体查询触发延迟

注意：以下代码示例是在SASS中编写的。

@media screen and (max-width: 1075px) 
@media screen and (max-width: 797px)

它发生在OS X 10.7.4（Lion）上运行的Chrome 21.0.x，Firefox 14.0.1和Safari 6.0上。有任何想法吗？

2012-08-22 mmwtsn

尝试：

@media only screen and (max-width:1075px) 
{ 
}

，并确保你有一个适当的meta标签设置：

<meta name="viewport" content="width=device-width">

2012-08-23 12:45:47 Lowkase

我的Internet Explorer 11，下这个问题。我知道这不是最初发布中受影响的浏览器之一，但这似乎是关于“媒体查询触发晚”这个问题的唯一问题。我想分享我的解决方案给其他有同样问题的人。

看来你需要正常化视，你的CSS内，使用该行：

@-ms-viewport { width: device-width; }

我能在这里找到解决方案：

2015-02-25 18:59:14 skribbz14

回答