[分享]css只作用于ie浏览器

最近在做一个网站时，遇到了一个奇怪的问题：我使用CSS对元素进行了样式修饰，但是在IE浏览器上才生效，而在其他浏览器上则没有任何效果。这让我感到非常困惑。p { fontsize: 20px; } /...

最近在做一个网站时，遇到了一个奇怪的问题：我使用CSS对元素进行了样式修饰，但是在IE浏览器上才生效，而在其他浏览器上则没有任何效果。这让我感到非常困惑。

p {
    font-size: 20px;
}

/* 仅在IE中生效 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    p {
        font-size: 30px;
    }
} 

我发现，这个问题的根源在于IE浏览器对CSS的解析方式略有不同。在IE浏览器中，有些CSS属性是独有的，也就是说，在其他浏览器中并没有这样的属性，而且这些属性只能在IE浏览器中生效。

为了解决这个问题，我做了一些尝试。首先，我在CSS中使用了一些专门为IE浏览器准备的CSS属性，比如-ms-filter、-ms-grid-columns等。但这些属性只有在IE浏览器中才能生效，其他浏览器会忽略它们。

另外，我还使用了@-ms-viewport和@media等专门为IE浏览器准备的CSS规则。这些规则只有在IE浏览器中才会生效，其他浏览器会忽略它们。

不过，为了保证代码的可读性和可维护性，我们不应只为了兼容IE浏览器而写出大量只有在IE中才生效的CSS代码。相反，我们应该采用渐进增强的策略，首先编写符合标准的CSS代码，然后再逐步添加一些只有在特定浏览器中才生效的CSS代码。这样既保证代码的兼容性，也保证了代码的可维护性。

总之，CSS只作用于IE浏览器是一个非常奇怪的问题，但只要遵循一些特定的CSS规则和策略，我们就能够很好地解决这个问题。