third_party/WebKit/LayoutTests/fast/text-autosizing/unlock-multipliers-on-DOMContentLoaded.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4
   5 <meta name="viewport" content="width=800">
   6 <style>
   7 html { font-size: 16px; }
   8 body { width: 800px; margin: 0; overflow-y: hidden; }
   9 </style>
  10
  11 <script src="resources/autosizingTest.js"></script>
  12
  13 </head>
  14 <body>
  15
  16 <table cellpadding="0" cellspacing="0" width="100%">
  17 <tr>
  18   <td width="50%">
  19     <div id="firstDiv">
  20       This text should be autosized to 20px computed font-size (16 * 400/320).<br>
  21       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  22       labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  23       laboris ni si ut aliquip ex ea commodo consequat.
  24     </div>
  25   </td>
  26   <script>
  27     element = document.getElementById("firstDiv");
  28     if (element.offsetHeight) {
  29         // force layout
  30     }
  31   </script>
  32   <td width="50%">
  33     <div>
  34       This text should be autosized to 20px computed font-size (16 * 400/320).<br>
  35       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  36       labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  37       laboris ni si ut aliquip ex ea commodo consequat.
  38     </div>
  39   </td>
  40 </tr>
  41 </table>
  42
  43 <script>
  44   element = document.getElementById("firstDiv");
  45   if (element.offsetHeight) {
  46       // force layout
  47   }
  48 </script>
  49
  50 </body>
  51 </html>