diff options
author | Michael Drake <michael.drake@codethink.co.uk> | 2019-05-07 14:39:56 +0100 |
---|---|---|
committer | Michael Drake <michael.drake@codethink.co.uk> | 2019-05-07 14:40:39 +0100 |
commit | 844c811ad74da93f56e8b63d193e983e602dbf3e (patch) | |
tree | a2681f308ae9c74ea3b7f69ecccf7b69f111df93 /html/mq.test.html | |
parent | d7cdf833478a2d1a526bda3afbe51af9e1c6f707 (diff) | |
download | netsurf-test-844c811ad74da93f56e8b63d193e983e602dbf3e.tar.gz netsurf-test-844c811ad74da93f56e8b63d193e983e602dbf3e.tar.bz2 |
HTML: Add test page for media queries.
Diffstat (limited to 'html/mq.test.html')
-rw-r--r-- | html/mq.test.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/html/mq.test.html b/html/mq.test.html new file mode 100644 index 0000000..74f7f93 --- /dev/null +++ b/html/mq.test.html @@ -0,0 +1,34 @@ +<html> +<head> +<style> +p { + font-size: 300%; + display: none; +} + +@media (max-width: 512px) { + p.small { + display: block; + } +} + +@media (512px < width < 1024px) { + p.medium { + display: block; + } +} + +@media (min-width: 1024px) { + p.large { + display: block; + } +} +</style> +</head> +<body> +<p class="small">small</p> +<p class="medium">medium</p> +<p class="large">large</p> +</body> +</html> + |