Question

我注意到我的项目中的Div在IE中没有正确对齐。我想只针对IE（任何版本）来解决这个问题。以下是应用于div的样式：

#my-sidebar {
position: absolute;
top: 0;
right: 133px;
margin: 0;
padding: 0;

}

我需要声明权：133px;当页面宽度为600px及以上时，仅应用于IE和仅。我怎样才能做到这一点？

Answer 1

为IE编写样式表，对于IE9及更低版本，您可以加载特定于IE的样式表。这样

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

在该样式表中，将代码编写为

@media only screen and (min-width: 600px){
  #my-sidebar {
     position: absolute;
     top: 0;
     right: 133px;
     margin: 0;
     padding: 0;
}

IE10及以上版本不再支持条件评论。

所以对于IE10 +，在主css文件中使用-ms-high-contrast创建媒体查询，然后放置css

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     @media only screen and (min-width: 600px){
          #my-sidebar {
               position: absolute;
               top: 0;
               right: 133px;
               margin: 0;
               padding: 0;
          }
     }
}

如何在样式表中仅定位最小宽度：600px的IE（任何版本）？

1 个答案: