Question

我试图仅在Internet Explorer 10上更改CSS样式＆gt;。我正在使用Media Query但它不起作用。

我已经检查过IE和媒体查询行，并且更改出现在CSS文件中但由于某种原因它不起作用。

我只能在IE上改变我的CSS样式？

//// MEDIA QUERY ///
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  body {
    background-color: red !important;
  }
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 480px) {}

<body>

  <div> HELLO </div>

</body>

Answer 1

只是声明它有点不同，它会起作用。

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {..}

你在逗号后有双重声明。在IE11中测试它并且它可以工作

＆＃13;

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    background-color: red !important;
  }
}

@supports (-ms-ime-align: auto) {
  body {
    background-color: red !important;
  }
}

＆＃13;

<div> HELLO </div>

＆＃13;

媒体查询仅适用于IE

1 个答案: