Target IE with Media Queries

November 23, 2016

These are my go-to media queries when browser testing different versions of Internet Explorer:

@supports (-ms-ime-align:auto) { /* Edge / IE 12+ */
  		
	.selector {
		property: value;
	}
		
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /** IE 10 & 11 **/
	
	.selector {
		property: value;
	}	
	
}



@media screen and (min-width:0\0) { /* IE 9 */
	
	.selector {
		property: value;
	}
	
}

Place at the bottom of your main stylesheet.

Sourced here.