OLD | NEW |
1 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (resolution: 216dpi) | |
2 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (min-resolution: 216dpi) | |
3 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (max-resolution: 216dpi) | |
4 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (resolutio
n: 85dpcm) | |
5 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (min-resol
ution: 85dpcm) | |
6 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (max-resol
ution: 85dpcm) | |
7 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (resolution: 216dpi) | |
8 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (resolution: 254dpi) | |
9 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (min-resolution: 216dpi) | |
10 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (min-resolution: 254dpi) | |
11 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (max-resolution: 216dpi) | |
12 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (max-resolution: 254dpi) | |
13 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (resolutio
n: 85dpcm) | |
14 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (resolutio
n: 100dpcm) | |
15 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (min-resol
ution: 85dpcm) | |
16 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (min-resol
ution: 100dpcm) | |
17 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (max-resol
ution: 85dpcm) | |
18 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (max-resol
ution: 100dpcm) | |
19 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' m
eans dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to th
e actual 'dpi' of a screen. In media query expression: (min-resolution: 300dpi) | |
20 CONSOLE MESSAGE: Consider using 'dppx' units instead of 'dpcm', as in CSS 'dpcm'
means dots-per-CSS-centimeter, not dots-per-physical-centimeter, so does not co
rrespond to the actual 'dpcm' of a screen. In media query expression: (min-resol
ution: 118dpcm) | |
21 CSS3 media query test: resolution query with dppx. Using style element, @media c
ss rule. | 1 CSS3 media query test: resolution query with dppx. Using style element, @media c
ss rule. |
22 | 2 |
23 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
24 | 4 |
25 | 5 |
26 PASS matchMedia('(resolution: 0dpi)').matches is false | 6 PASS matchMedia('(resolution: 0dpi)').matches is false |
27 PASS matchMedia('(min-resolution: 0dpi)').matches is false | 7 PASS matchMedia('(min-resolution: 0dpi)').matches is false |
28 PASS matchMedia('(max-resolution: 0dpi)').matches is false | 8 PASS matchMedia('(max-resolution: 0dpi)').matches is false |
29 PASS matchMedia('(resolution: 1.5dppx)').matches is true | 9 FAIL matchMedia('(resolution: 1.5dppx)').matches should be true. Was false. |
30 PASS resolutionFromStyle() is 1.5 | 10 FAIL resolutionFromStyle() should be 1.5 (of type number). Was undefined (of typ
e undefined). |
31 PASS matchMedia('(resolution: 2dppx)').matches is true | 11 FAIL matchMedia('(resolution: 2dppx)').matches should be true. Was false. |
32 PASS resolutionFromStyle() is 2 | 12 FAIL resolutionFromStyle() should be 2 (of type number). Was undefined (of type
undefined). |
33 PASS matchMedia('(resolution: 1dppx)').matches is true | 13 FAIL matchMedia('(resolution: 1dppx)').matches should be true. Was false. |
34 PASS resolutionFromStyle() is 1 | 14 FAIL resolutionFromStyle() should be 1 (of type number). Was undefined (of type
undefined). |
35 PASS matchMedia('(resolution: 2.25dppx)').matches is true | 15 FAIL matchMedia('(resolution: 2.25dppx)').matches should be true. Was false. |
36 PASS resolutionFromStyle() is 2.25 | 16 FAIL resolutionFromStyle() should be 2.25 (of type number). Was undefined (of ty
pe undefined). |
37 PASS matchMedia('(resolution)').matches is true | 17 FAIL matchMedia('(resolution)').matches should be true. Was false. |
38 PASS matchMedia('(resolution: 216dpi)').matches is true | 18 FAIL matchMedia('(resolution: 216dpi)').matches should be true. Was false. |
39 PASS matchMedia('(min-resolution: 216dpi)').matches is true | 19 FAIL matchMedia('(min-resolution: 216dpi)').matches should be true. Was false. |
40 PASS matchMedia('(max-resolution: 216dpi)').matches is true | 20 FAIL matchMedia('(max-resolution: 216dpi)').matches should be true. Was false. |
41 PASS matchMedia('(resolution: 85dpcm)').matches is true | 21 FAIL matchMedia('(resolution: 85dpcm)').matches should be true. Was false. |
42 PASS matchMedia('(min-resolution: 85dpcm)').matches is true | 22 FAIL matchMedia('(min-resolution: 85dpcm)').matches should be true. Was false. |
43 PASS matchMedia('(max-resolution: 85dpcm)').matches is true | 23 FAIL matchMedia('(max-resolution: 85dpcm)').matches should be true. Was false. |
44 PASS matchMedia('(resolution)').matches is false | 24 PASS matchMedia('(resolution)').matches is false |
45 PASS matchMedia('(resolution: 216dpi)').matches is false | 25 PASS matchMedia('(resolution: 216dpi)').matches is false |
46 PASS matchMedia('(resolution: 254dpi)').matches is false | 26 PASS matchMedia('(resolution: 254dpi)').matches is false |
47 PASS matchMedia('(min-resolution: 216dpi)').matches is true | 27 FAIL matchMedia('(min-resolution: 216dpi)').matches should be true. Was false. |
48 PASS matchMedia('(min-resolution: 254dpi)').matches is false | 28 PASS matchMedia('(min-resolution: 254dpi)').matches is false |
49 PASS matchMedia('(max-resolution: 216dpi)').matches is false | 29 PASS matchMedia('(max-resolution: 216dpi)').matches is false |
50 PASS matchMedia('(max-resolution: 254dpi)').matches is true | 30 FAIL matchMedia('(max-resolution: 254dpi)').matches should be true. Was false. |
51 PASS matchMedia('(resolution: 85dpcm)').matches is false | 31 PASS matchMedia('(resolution: 85dpcm)').matches is false |
52 PASS matchMedia('(resolution: 100dpcm)').matches is false | 32 PASS matchMedia('(resolution: 100dpcm)').matches is false |
53 PASS matchMedia('(min-resolution: 85dpcm)').matches is true | 33 FAIL matchMedia('(min-resolution: 85dpcm)').matches should be true. Was false. |
54 PASS matchMedia('(min-resolution: 100dpcm)').matches is false | 34 PASS matchMedia('(min-resolution: 100dpcm)').matches is false |
55 PASS matchMedia('(max-resolution: 85dpcm)').matches is false | 35 PASS matchMedia('(max-resolution: 85dpcm)').matches is false |
56 PASS matchMedia('(max-resolution: 100dpcm)').matches is true | 36 FAIL matchMedia('(max-resolution: 100dpcm)').matches should be true. Was false. |
57 PASS matchMedia('(min-resolution: 300dpi)').matches is true | 37 FAIL matchMedia('(min-resolution: 300dpi)').matches should be true. Was false. |
58 PASS matchMedia('(min-resolution: 118dpcm)').matches is true | 38 FAIL matchMedia('(min-resolution: 118dpcm)').matches should be true. Was false. |
59 PASS resolutionFromStyle() is 3 | 39 FAIL resolutionFromStyle() should be 3 (of type number). Was undefined (of type
undefined). |
60 PASS resolutionFromStyle() is 3.125 | 40 FAIL resolutionFromStyle() should be 3.125 (of type number). Was undefined (of t
ype undefined). |
61 PASS successfullyParsed is true | 41 PASS successfullyParsed is true |
62 | 42 |
63 TEST COMPLETE | 43 TEST COMPLETE |
64 | 44 |
OLD | NEW |