IE9 +不喜欢媒体查询css

问题描述:

对不起,如果这已经解决了这个社区的某个地方,但到目前为止还找不到合适的解决方案。我为http://www.smartmarine.ee写了一个html/css,这在每个浏览器中都能正常工作,除了IE9 +(这里并不令人意外)。由于css是用移动优先的方式编写的,所以媒体查​​询用于桌面版本,但没有通过IE9 +实现(当前没有特别需要在较早的IE版本中工作)。 IE9 +似乎只能读取第一个CSS样式并忽略media'querys自带的所有内容。IE9 +不喜欢媒体查询css

我已经试过:

  • 改变测量媒体querys为 “PX”
  • 加入 “元” 标签的HTML “<meta http-equiv="X-UA-Compatible" content="IE=edge">
  • 也试图与 “元” 标签 “<meta http-equiv="X-UA-Compatible" content="IE9">
  • 在CSS

使用 “@media all and (min-width:0\0) {}” 当我在IE9和IE10测试它,我总是CLO sed浏览器,并删除所有的历史记录,以确保浏览器不会被一些旧数据卡住。

我一直坚持这一个多星期,现在感谢你得到一些解决方案。这感觉是一些简单的东西,我错过了,但后来...

我不会复制的HTML,也不是CSS,因为它会使这个问题不必要的长,但如果你觉得我应该做它,然后让我知道。

该网站是:http://www.smartmarine.ee

谢谢大家提前!

IE似乎并不认可你的任何背景。 我认为你需要修改你的路径。 我保存了来自不同浏览器(Chrome和IE)的文件,并且我有不同的文件夹名称和不同的CSS文件名。还保存了我的一个网站工作正常,两个浏览器保存相同的文件,相同的文件夹。

+0

奇怪。我有根级别的HTML和CSS,其中还找到任何图像的“imgs”文件夹。尽管IE读取CSS的核心(移动优先,在媒体查询之前)部分并找到图像,但似乎拒绝应用媒体查询样式规则,这应该在视口扩大时应用。 –