CSS3 Media Queries

Method of applying styles based on media information. Includes things like page and device dimensions

Spec	http://www.w3.org/TR/css3-mediaqueries/
Status	W3C Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP	48
	16	55	60	11	47
11 ⁽¹⁾	15	54	59	10.1	46
10 ⁽¹⁾	14	53	58	10	45
9 ⁽¹⁾	13	52	57	9.1	44
8	12	51	56	9	43
Show all
7		50	55	8	42
6		49	54	7.1	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6 ⁽¹⁾	38
		45	50	5.1 ⁽¹⁾	37
		44	49	5 ⁽¹⁾	36
		43	48	4 ⁽¹⁾	35
		42	47	3.2 ^(1,2)	34
		41	46	3.1 ^(1,2)	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23	28		15
		22	27		12.1
		21	26		12
		20	25 ⁽¹⁾		11.6
		19	24 ⁽¹⁾		11.5
		18	23 ⁽¹⁾		11.1
		17	22 ⁽¹⁾		11
		16	21 ⁽¹⁾		10.6
		15	20 ⁽¹⁾		10.5
		14	19 ⁽¹⁾		10.0-10.1
		13	18 ⁽¹⁾		9.5-9.6
		12	17 ⁽¹⁾		9
		11	16 ⁽¹⁾
		10	15 ⁽¹⁾
		9	14 ⁽¹⁾
		8	13 ⁽¹⁾
		7	12 ⁽¹⁾
		6	11 ⁽¹⁾
		5	10 ⁽¹⁾
		4	9 ⁽¹⁾
		3.6	8 ⁽¹⁾
		3.5	7 ⁽¹⁾
		3	6 ⁽¹⁾
		2	5 ⁽¹⁾
			4 ⁽¹⁾

Notes

Does not support nested media queries
Partial support refers to only acknowledging different media rules on page reload

Firefox (9 and previous?) is buggy with min-width media queries not being recognized, but the rules inside those being parsed and used.
Opera 12.1 and IE9 incorrectly include scrollbar width for media queries based on window width.

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-mediaqueries