third_party/WebKit/LayoutTests/css3/device-adapt/viewport-relative-font.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Font relative lengths in @viewport relative to initial font</title>
   5     <style>
   6         html { font-size: 100px; }
   7     </style>
   8 </head>
   9 <body>
  10     <script>
  11         document.body.offsetWidth; // Trigger style resolving
  12     </script>
  13     <style>
  14         @viewport {
  15             width: 10em;
  16             height: 10rem;
  17         }
  18     </style>
  19     <script>
  20         if (window.testRunner) {
  21             testRunner.dumpAsText();
  22             document.body.offsetWidth; // Trigger style resolving
  23             alert(internals.viewportAsText(document, 1, 320, 352));
  24         }
  25     </script>
  26 </body>
  27 </html>