【问题标题】:Apply CSS to all browsers except IE using media query使用媒体查询将 CSS 应用于除 IE 之外的所有浏览器
【发布时间】:2018-07-02 21:27:32
【问题描述】:

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

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

}

有没有办法将 CSS 应用到除 IE 之外的所有浏览器?比如:

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

}

我想避免使用 HTML 标签。

【问题讨论】:

    标签: html css internet-explorer media-queries


    【解决方案1】:

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

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

    Example on Codepen

    【讨论】:

    • 好吧,我现在很困惑。我认为如果浏览器是 Edge,代码将运行 css,因为它说“非 IE”。但是我在边缘浏览器中尝试过,它不起作用。 Chrome 和 Firefox 都可以。
    • 我一定误解了你的评论。您是否尝试过 Codepen 示例?我在 Windows 10 上的 Edge 44/EdgeHTML 18 中尝试过,它看起来是这样的:imgur.com/a/0vYnhWm
    猜你喜欢
    • 2014-09-29
    • 1970-01-01
    • 2011-08-11
    • 2011-06-30
    • 2016-06-05
    • 1970-01-01
    • 2013-04-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多