【问题标题】:CSS: Chrome Ignoring media Query: works fine in IE? Why? [closed]CSS:Chrome 忽略媒体查询:在 IE 中可以正常工作吗?为什么? [关闭]
【发布时间】:2014-06-22 06:33:03
【问题描述】:

我的网站在这里: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 忽略了溢出:自动,并且它当时也在 .IE 中工作。我怀疑这些问题是否相关,但如果有帮助的话,这是昨天的问题的解决方案:Google Chrome Bug - Overflow:auto | scroll doesn't work

这是一张应该是什么样子的图片!在 Chrome 上,但不适用于较小的屏幕:

【问题讨论】:

    标签: css google-chrome browser media-queries


    【解决方案1】:

    我在谷歌浏览器中查看该网站,它运行良好,媒体查询运行良好,布局根据窗口宽度而变化。

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

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

    【讨论】:

    • 这应该是评论...
    • 你不应该投反对票,只需评论它,我可以编辑。
    • 作为答案,它不适用。如果您将其编辑为合法答案,我将删除我的反对票。否则,您应该创建评论并将其作为答案删除...
    • 你确定吗?侧面的中殿栏应该变成水平的,并且所有东西都应该在较小的屏幕上靠在左侧?我不明白为什么我的 Chrome 会和你的不一样?嗯,我会附上一张照片。
    • 我刚刚更新了解决方案,让人们了解他们在编码时可能遇到的常见问题
    猜你喜欢
    • 2014-03-29
    • 1970-01-01
    • 2013-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-13
    相关资源
    最近更新 更多