diff options
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> + |