1 CSS3 media query test: resolution query with dppx. Using style element, @media css rule.
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 PASS matchMedia('(resolution: 0dpi)').matches is false
7 PASS matchMedia('(min-resolution: 0dpi)').matches is false
8 PASS matchMedia('(max-resolution: 0dpi)').matches is false
9 PASS matchMedia('(resolution: 1.5dppx)').matches is true
10 PASS resolutionFromStyle() is 1.5
11 PASS matchMedia('(resolution: 2dppx)').matches is true
12 PASS resolutionFromStyle() is 2
13 PASS matchMedia('(resolution: 1dppx)').matches is true
14 PASS resolutionFromStyle() is 1
15 PASS matchMedia('(resolution: 2.25dppx)').matches is true
16 PASS resolutionFromStyle() is 2.25
17 PASS matchMedia('(resolution)').matches is true
18 PASS matchMedia('(resolution: 216dpi)').matches is true
19 PASS matchMedia('(min-resolution: 216dpi)').matches is true
20 PASS matchMedia('(max-resolution: 216dpi)').matches is true
21 PASS matchMedia('(resolution: 85dpcm)').matches is true
22 PASS matchMedia('(min-resolution: 85dpcm)').matches is true
23 PASS matchMedia('(max-resolution: 85dpcm)').matches is true
24 PASS matchMedia('(min-resolution: 300dpi)').matches is true
25 PASS matchMedia('(min-resolution: 118dpcm)').matches is true
26 PASS resolutionFromStyle() is 3
27 PASS resolutionFromStyle() is 3.125
28 PASS successfullyParsed is true