Question

我正在尝试仅为Internet Explorer添加自定义样式，但对于不同的屏幕尺寸，它需要有所不同。仅使用此目标来确定IE的目标。

@media screen\0, screen\9 {
    .site-logo{
        max-width: 150px;
    }
}

然后添加浏览器宽度我试过这个但是它不起作用：

@media screen\0 and (min-width: 59.6875em){
    .site-logo{
        max-width: 300px;
    }
}

这可能很容易，但我无法理解......提前谢谢

Answer 1

您可以使用IE黑客入侵

＆＃13;

@media screen and (max-width: 59.6875em) {
  .site-logo {
    color: red\9; /* IE6, IE7, IE8, IE9 */
    /* or this */
    color: red\0; /* IE8, IE9 */
    /* or this */
    color: red\9\0; /*Only works in IE9*/
    /* every browsers */
    color: red
  }
}

＆＃13;

<div class="site-logo">text</div>

＆＃13;

为了演示目的，将min更改为max

CSS目标Internet Explorer＆amp;屏幕宽度

1 个答案: