相关疑难解决方法(0)

只是想知道这些IE黑客入侵我的技巧

"\9" - for IE8 and below.
"*" - for IE7 and below.
"_" - for IE6.

即如

body { 
    border:2px solid blue;
    border:2px solid yellow \9;
    *border:2px solid green;
    _border:2px solid orange;
}

是否有人对IE9有这样的攻击？即我只是想通过CSS瞄准IE9？

我在我的设计中包含了一些媒体查询,以根据浏览器的宽度更改页面某些元素的宽度.查询看起来像这样:

@media screen and (min-width:1024px)
@media screen and (max-width:1024px)

Chrome,Safari和Firefox工作得很好,只有IE才有问题.我知道IE 9之前的所有版本都不支持此功能,但它们根本不适用于IE 9.可能是什么问题？

我发现IE9正在为我的网站采用平板电脑样式.

@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
       (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    /* tablet styles */
}

当浏览器的宽度为1024px时,上述媒体查询将应用于IE9.

做了一些研究之后,我发现了以下问题/解决方案,它提供了解释为什么会发生这种情况的原因.

媒体查询无法在IE9中运行

从我所知,它归结为IE9不解释"min-device-width"和"max-device-width".

根据http://msdn.microsoft.com/library/ms530813.aspx,它不支持这些属性,只支持"min-width"和"max-width".

此外,http://www.w3.org/TR/css3-mediaqueries/#error-handling 声明浏览器应该忽略它无法识别的属性.似乎IE9不是这样.

我还发现了这个问题:在响应式网站上进行媒体查询的常见断点,但它没有给我一个解决方案.

如何将样式表仅应用于平板电脑而不是IE9等桌面浏览器,宽度为1024px？

所有IE浏览器都有css hack吗？不是特定的IE版本.

我试过了

@media \0screen\,screen\9 {
    body { background: green; }
} 

但它在IE7和IE11中不起作用.