CSS:Chrome 忽略媒体查询:在 IE 中工作正常吗?为什么?

标签 css google-chrome browser media-queries

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 9 年前

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

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

enter image description here

最佳答案

我正在 Google Chrome 浏览器中查看网站,它工作正常,媒体查询工作正常,布局根据窗口宽度而变化。

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

更新:我在 Google Chrome 中看到了相同的内容

Screenshot of your page from Google Chrome

关于CSS:Chrome 忽略媒体查询:在 IE 中工作正常吗?为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23481250/

上一篇:php - 是否可以使用 php 变量在 div 中使用不同的颜色?

下一篇:javascript - 根据按下的按钮显示 div

相关文章:

css - 在 &lt;style&gt; 部分使用 .css 文件中的类名

php - 是否可以使用 HTML 表单/PHP 脚本上传文件夹

html - 使用 CSS 'backdrop-filter:blur' 在 Chrome 中呈现/闪烁/故障问题

javascript - 在 html 文件中有 2 个 css 代码块如何使用 JS 只使一个工作?

c# 如何动态生成 pdf 文件并将其流式传输到浏览器,而无需写入本地目录

firefox - 在页面内播放ogg?

html - 自定义选择下的链接不会在隐藏的 li 声明的页面上重定向

javascript - 使用 devtool 保存 Har 文件的 Chrome 扩展

javascript - 拖放图像转换为 Base64

css - 如何在 Electron 窗口上做一个上箭头?