third_party/WebKit/LayoutTests/fast/media/mq-min-constraint.html

   1 <html>
   2 <head>
   3 <title>CSS3 media query test: Media query with min- constraint (screen and (min-width: 600px)). Using style attribute, @import css rule.</title>
   4 <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/" />
   5 <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import" />
   6
   7 <style type="text/css">
   8 p { color: red }
   9 </style>
  10 <style type="text/css">
  11 @import url(import-p-green.css) screen and (min-width: 600px);
  12 </style>
  13 </head>
  14 <body>
  15 <p> This text should be green if viewport width is at least 600px.</p>
  16 </body>
  17 </html>