Html 仅适用于IE的媒体查询

Html 仅适用于IE的媒体查询,html,css,internet-explorer,Html,Css,Internet Explorer,我正在尝试仅更改Internet Explorer 10>上的CSS样式。我正在使用媒体查询,但它不起作用 我已经检查了IE和媒体查询行,更改显示在CSS文件中,但由于某些原因,它不起作用 我应该怎么做才能在IE上只更改css样式 ///媒体查询/// @媒体屏幕和(-ms高对比度:激活), 屏幕和(-ms高对比度:无){ 身体{ 背景色:红色!重要; } } @仅介质屏幕和(最大宽度:1200px){} @仅媒体屏幕和(最大宽度:992px){} @仅介质屏幕和(最大宽度:768px){}

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

我已经检查了IE和媒体查询行,更改显示在CSS文件中,但由于某些原因,它不起作用

我应该怎么做才能在IE上只更改css样式

///媒体查询///
@媒体屏幕和(-ms高对比度:激活),
屏幕和(-ms高对比度:无){
身体{
背景色:红色!重要;
}
}
@仅介质屏幕和(最大宽度:1200px){}
@仅媒体屏幕和(最大宽度:992px){}
@仅介质屏幕和(最大宽度:768px){}
@仅媒体屏幕和(最大宽度:480px){}

你好

只要声明它有点不同,它就会工作

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {..}
逗号后有双重声明。在IE11中进行了测试,效果良好

@媒体屏幕和(-ms高对比度:无),(-ms高对比度:激活){
身体{
背景色:红色!重要;
}
}
@支持(-ms-ime-align:auto){
身体{
背景色:红色!重要;
}
}

HELLO
您需要的是一个高对比度的功能检测,太糟糕了CSS功能检测在IE()中还不起作用,您可以用JavaScript进行功能检测并设置适当的类名。请更改标题和正文文本。从评论中可以清楚地看出,你希望它在Edge中工作,这与IE不同。当我指的是Edge时,我指的是IE和EdgeHello。我刚刚试过,但不幸的是,它不起作用。我用Microsoft Edge试过,但我看不到红色背景。(我已经复制并粘贴了你的代码示例)哦,这是IE10-11的边缘,你需要不同的包装。我在Edge中不工作,尝试刷新页面,testYes现在在这两种情况下都工作!我和埃奇。非常感谢你!