CSS3 Media Queries

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

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

IE	Edge	Firefox	Chrome	Safari	Opera
			98
		95	97
		94	96	TP
11 ⁽¹⁾	95	93	95	15	80
10 ⁽¹⁾	94	92	94	14.1	79
9 ⁽¹⁾	93	91	93	14	78
8	92	90	92	13.1	77
Show all
7	91	89	91	13	76
6	90	88	90	12.1	75
5.5	89	87	89	12	74
	88	86	88	11.1	73
	87	85	87	11	72
	86	84	86	10.1	71
	85	83	85	10	70
	84	82	84	9.1	69
	83	81	83	9	68
	81	80	81	8	67
	80	79	80	7.1	66
	79	78	79	7	65
	18	77	78	6.1	64
	17	76	77	6 ⁽¹⁾	63
	16	75	76	5.1 ⁽¹⁾	62
	15	74	75	5 ⁽¹⁾	60
	14	73	74	4 ⁽¹⁾	58
	13	72	73	3.2 ^(1,2)	57
	12	71	72	3.1 ^(1,2)	56
		70	71		55
		69	70		54
		68	69		53
		67	68		52
		66	67		51
		65	66		50
		64	65		49
		63	64		48
		62	63		47
		61	62		46
		60	61		45
		59	60		44
		58	59		43
		57	58		42
		56	57		41
		55	56		40
		54	55		39
		53	54		38
		52	53		37
		51	52		36
		50	51		35
		49	50		34
		48	49		33
		47	48		32
		46	47		31
		45	46		30
		44	45		29
		43	44		28
		42	43		27
		41	42		26
		40	41		25
		39	40		24
		38	39		23
		37	38		22
		36	37		21
		35	36		20
		34	35		19
		33	34		18
		32	33		17
		31	32		16
		30	31		15
		29	30		12.1
		28	29		12
		27	28		11.6
		26	27		11.5
		25	26		11.1
		24	25 ⁽¹⁾		11
		23	24 ⁽¹⁾		10.6
		22	23 ⁽¹⁾		10.5
		21	22 ⁽¹⁾		10.0-10.1
		20	21 ⁽¹⁾		9.5-9.6
		19	20 ⁽¹⁾		9
		18	19 ⁽¹⁾
		17	18 ⁽¹⁾
		16	17 ⁽¹⁾
		15	16 ⁽¹⁾
		14	15 ⁽¹⁾
		13	14 ⁽¹⁾
		12	13 ⁽¹⁾
		11	12 ⁽¹⁾
		10	11 ⁽¹⁾
		9	10 ⁽¹⁾
		8	9 ⁽¹⁾
		7	8 ⁽¹⁾
		6	7 ⁽¹⁾
		5	6 ⁽¹⁾
		4	5 ⁽¹⁾
		3.6	4 ⁽¹⁾
		3.5
		3
		2

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.
https://caniuse.com/css-mediaqueries