1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-18 11:35:06 +00:00
serenity/Tests/LibWeb/Layout/input/media-query-resolution.html
Andreas Kling da8692572a LibWeb: Support media queries with the resolution feature
The resolution is simply 1dppx * device pixel ratio.

This makes high resolution images show up on https://apple.com/
when running on a high-DPI display. :^)
2023-08-25 20:10:47 +02:00

12 lines
336 B
HTML

<style>
div { display: none; }
@media (min-resolution: 96dpi) {
div.pass { display: block; }
}
@media (min-resolution: 97dpi) {
div.fail { display: block; }
}
</style>
<p>NOTE: This test assumes that you're running with 1x pixels (which our test runner always does.</p>
<div class="pass">PASS</div>
<div class="fail">FAIL</div>