Frage Spezielles CSS bei einem gewissen Break-Point beim IE 10

[Misanthrop]

Habe mal eine Frage: Und zwar möchte ich NUR dem IE 10 ein spezielles CSS mitgeben:

Aber ab einem gewissen Break-Point, wo der IE 10 mir alles ziemlich "verschiesst"....

Ist das so:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (max-width: 360px) {
    
....

}

oder so

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    @media all and (max-width: 360px) {
        body {
            max-width: 210px;
            ...
        }
    }
}

RICHTIG?`

Grüsse der misanthrop

 

[Aaron3219]

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="nur-internet-explorer.css" />
<![endif]-->

So kenn ich das, wenn man ALLE IE Versionen anspricht.

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

So, wenn ALLE Browser AUßER IE angesprochen werden.

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

So, wenn man NUR IE7 ansprechen will. Die 7 kann dann durch 5,4 etc. ersetzt werden. Bei IE Version 5.5 muss die 7 durch 5.5000 ersetzt werden.

<!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

Diese beiden Varianten sprechen ALLE Versionen unter 7 an.

<!--[if gt IE 5.5]>
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->
<!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->

Die hier ALLE ÜBER 6.


WICHTIGE INFO:
Bei IE 10 geht das leider nicht mehr.
Mehr infos:
https://css-tricks.com/ie-10-specific-styles/