From 50cc008efd8aff26d9eb63070811c05c78b00bbe Mon Sep 17 00:00:00 2001 From: Sam Atkins Date: Tue, 15 Feb 2022 16:05:54 +0000 Subject: [PATCH] Base: Add relative-length tests to media-query test page --- Base/res/html/misc/media-queries.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/Base/res/html/misc/media-queries.html b/Base/res/html/misc/media-queries.html index acfec62f2b..6946240d9f 100644 --- a/Base/res/html/misc/media-queries.html +++ b/Base/res/html/misc/media-queries.html @@ -96,6 +96,20 @@ border: 1px solid black; } } + + @media (width >= 80em) { + .em { + background-color: lime; + border: 1px solid black; + } + } + + @media (width < 100vh) { + .viewport { + background-color: lime; + border: 1px solid black; + } + } @@ -136,6 +150,14 @@ This should be green, with a black border and black text, if we detected the color feature and a deeply nested query: (color) or ((color) and ((color) or (color) or (not (color)))).

+

Relative lengths

+

+ This should be green, with a black border and black text, if the window is wider than 80em. +

+

+ This should be green, with a black border and black text, if the window is taller than it is wide. +

+