CSS Ziel Internet Explorer & Bildschirmbreite

Question

Ich versuche, einen benutzerdefinierten Stil nur für Internet Explorer hinzuzufügen, aber es muss für verschiedene Bildschirmgrößen unterschiedlich sein. Um nur IE anzusprechen benutze ich dies.

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

Um dann einen Browser Breite füge ich dies habe versucht, aber es funktioniert nicht:

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

Diese einfach sein kann, aber ich kann es nicht ... Abbildung Dank im Voraus

Answer 1

Sie die Eigenschaft verwenden können IE-Hacks statt

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

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

Geändert min zu max für Demozwecke