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