| 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 |