gpt4 book ai didi

html - 仅适用于 IE 的媒体查询

转载 作者:行者123 更新时间:2023-11-28 15:14:57 25 4
gpt4 key购买 nike

我试图只更改 Internet Explorer 10 上的 CSS 样式 >。我正在使用媒体查询,但它不起作用。

我已经检查了 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>

最佳答案

只需声明它略有不同,它就会起作用。

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

你在逗号后有双重声明。在 IE11 中测试它并且有效

@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;
}
}
<div> HELLO </div>

关于html - 仅适用于 IE 的媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47453363/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com