IE9 +不喜欢媒体查询css

时间:2017-06-17 09:32:00

标签: html css internet-explorer view media-queries

很抱歉,如果这个已经在这个社区的某个地方解决了,但到目前为止找不到合适的解决方案。我为http://www.smartmarine.ee编写了一个html / css,除了IE9 +之外,在每个浏览器中都能正常工作(这里没什么好处的)。

由于css是用移动优先方法编写的,因此媒体查询用于桌面版本,但不是由IE9 +实现(目前不需要在旧的IE版本中工作)。 IE9 +似乎只读取了第一个css样式,忽略了media'querys附带的所有内容。

我试过了:

  • 将媒体查询中的测量值更改为“px”
  • 将“meta”标记添加到html“<meta http-equiv="X-UA-Compatible" content="IE=edge">
  • 还尝试使用“meta”标记“<meta http-equiv="X-UA-Compatible" content="IE9">
  • 在css中使用“@media all and (min-width:0\0) {}

当我在IE9和IE10中测试时,我总是关闭浏览器并删除所有历史记录,以确保浏览器不会遇到一些旧数据。

我现在已经坚持了一个星期,并且很感激能得到一些解决方案。感觉很简单,我想念,但又一次......

我不会复制html,也不会复制css,因为它会让这个问题不必要地长,但如果你觉得我应该这样做,请告诉我。

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

提前谢谢大家!

1 个答案:

答案 0 :(得分:0)

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