Hazırlanan tasarımda ie6-7-8-9-10-11 veya edge versiyonlarında bozulmalar olabilir. Bunun için internet explorer için özel css dosyası oluşturarak bozulan yerleri bu css dosyasından manipüle edebiliriz.
Internet Explorer 6 ve 7 için;
@media screen\9 { .ie67 { property: value; } }
Internet Explorer 8;
@media \0screen { .ie8 { property: value; } }
Internet Explorer 8-9-10;
@media screen\0 { .ie8910 { property: value; } }
Internet Exporer 9
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { // IE9 CSS .ie9{ property: value; } }
Internet Explorer 10
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ie10up { property:value; } }
Internet Explorer 11
_:-ms-fullscreen, :root .ie11up { property: value; }