blob: 70a24739cf9a1310321d2975f953fa3163cfb653 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<html>
<head>
<title>CSS3 media query test: relative constraints test using screen and (min-width: 30em). Using link element, media attribute </title>
<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 30em)" href="import-p-green.css" />
</head>
<body>
<p> This text should be green if viewport is wider than 30em. </p>
<div style="width: 30em; background-color: lightblue;"> div of length 30 em </div>
<div style="width: 800px; background-color: lightblue;"> div of length 800px </div>
</body>
</html>
|
