html - 使用媒体查询将 CSS 应用于除 IE 之外的所有浏览器

标签 html css internet-explorer media-queries

我找到了一种将媒体查询应用于 IE 的方法:

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

有没有办法将 CSS 应用于除 IE 之外的所有浏览器?像这样的东西:

@media not( (-ms-high-contrast: none), (-ms-high-contrast: active) ) {

}

我想避免使用 HTML 标签。

最佳答案

使用 @supports查询非 Internet Explorer 的浏览器。 @supports 查询是 compatible with all browsers except Internet Explorer .

@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
}

Example on Codepen

关于html - 使用媒体查询将 CSS 应用于除 IE 之外的所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48412244/

相关文章:

html - 带有多行文本的垂直对齐图标

html - (X) 计算机可读格式的 HTML & CSS 定义描述

css - IE 8 将字体正常呈现为斜体

jquery - 如何阻止 IE7-8 缓存此 jQuery 函数的显示?

html - 为什么 z-index 小于父元素的子元素不会显示在父元素后面?

javascript - div 中的内容不显示

css - 具有边框折叠的 CSS 中的表格边框颜色

javascript - 捕获 ActiveX 的完成安装事件

javascript - 尝试在 JS 和 HTML 中进行能量体积转换,得到 0

javascript - 如何使用jquery计算多个选择的值的总和?