Как настроить таргетинг только на IE (любая версия) с минимальной шириной: 600 пикселей в таблице стилей?

Question

Я замечаю, что Div в моем проекте не правильно выравнивается в IE. Я хочу настроить только IE (любая версия), чтобы исправить это. Ниже стили, применяемые к DIV:

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

}

мне нужно право декларации: 133px; до только применяются только в IE и только, когда ширина страницы составляет 600 пикселей и выше. Как я могу это достичь?

Answer 1

Написать таблицу стилей для IE, для IE9 и ниже, вы можете загрузить IE-Specific stylesheet.like этот

<!--[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 +, создать медиа-запрос с использованием -ms-высокого контраста в основной файл CSS, и поместите ваш 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; 
      } 
    } 
}