src/third_party/WebKit/LayoutTests/fast/text-autosizing/second-pass-no-wrap-container-autosizing.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>
  12 if (window.internals) {
  13     window.internals.settings.setTextAutosizingEnabled(true);
  14     window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
  15 } else if (window.console && console.warn) {
  16     console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
  17 }
  18 </script>
  19
  20 </head>
  21 <body>
  22
  23 <table cellpadding="0" cellspacing="0">
  24 <tr><td style="white-space:nowrap">
  25   This text should not be autosized because this text does not wrap. Non-wrapped text is likely to break layout if autosized.
  26 </td></tr>
  27 <tr><td>
  28   This text should be autosized to 40px computed font-size (16 * 800/320).<br>
  29   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  30   labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  31   laboris ni si ut aliquip ex ea commodo consequat.
  32 </td></tr>
  33 </table>
  34
  35 </body>
  36 </html>