third_party/WebKit/LayoutTests/fast/media/mq-orientation.html

   1 <html>
   2 <head>
   3 <title>CSS3 media query test: media query testing orientation feature.</title>
   4 <style type="text/css">
   5 @media screen and (orientation:portrait) {
   6 #a { color: green }
   7 }
   8 @media screen and (orientation:landscape) {
   9 #b { color: green }
  10 }
  11 </style>
  12 </head>
  13 <body>
  14   <p id="a">This text should be green if the viewport is portrait.</p>
  15   <p id="b">This text should be green if the viewport is landscape.</p>
  16   <p>Obviously, at least one should be green, but never both. Square is portrait.</p>
  17 </body>
  18 </html>