html - 我怎样才能只针对最小宽度为 : 600px in a style sheet? 的 IE(任何版本)

Question

<分区>

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;
          }
     }
}