CSS:Chrome忽略媒体查询:在IE中运行良好?为什么?

时间:2014-05-05 20:28:35

标签: css google-chrome browser media-queries

我的网站在这里:http://biketurtle.co/Home.php

以下是两个CSS媒体查询:

@media all and (min-width: 800px){...}

@media all and (max-width: 799px){...}

完整的CSS在这里,如果它有用:http://jsfiddle.net/vj66T/

当我转到我的.IE浏览器时,页面会按照我的希望改变。但是,铬只是保持不变。昨天我遇到了类似的问题,Chrome忽略了溢出:auto,它也在.IE工作。我怀疑这些问题是否相关,但如果它有所帮助,这就解决了昨天的问题:Google Chrome Bug - Overflow:auto | scroll doesn't work

这是一张它应该如何看的图片!在Chrome上,但不适用于较小的屏幕:

enter image description here

1 个答案:

答案 0 :(得分:1)

我正在使用谷歌浏览器中的网站,它工作正常,媒体查询工作正常,布局正在根据窗口宽度而变化。

解决方案:解决方案是清除浏览器缓存。

更新:我在谷歌浏览器中看到了同样的内容

Screenshot of your page from Google Chrome