Changeset 128500 in webkit


Ignore:
Timestamp:
Sep 13, 2012 1:23:13 PM (12 years ago)
Author:
commit-queue@webkit.org
Message:

Text Autosizing: Add explanations to tests.
​https://bugs.webkit.org/show_bug.cgi?id=96673

Patch by John Mellor <​johnme@chromium.org> on 2012-09-13
Reviewed by Julien Chaffraix.

Replaces some of the lorem ipsum filler text in Text Autosizing tests
with explanations of why the result is expected (and other minor tweaks
to tests).

  • fast/text-autosizing/font-scale-factor-expected.html:
  • fast/text-autosizing/font-scale-factor.html:
  • fast/text-autosizing/narrow-iframe-expected.html:
  • fast/text-autosizing/narrow-iframe-flattened-expected.html:
  • fast/text-autosizing/narrow-iframe-flattened.html:
  • fast/text-autosizing/narrow-iframe.html:
  • fast/text-autosizing/nested-em-line-height-expected.html:
  • fast/text-autosizing/nested-em-line-height.html:
  • fast/text-autosizing/simple-paragraph-expected.html:
  • fast/text-autosizing/simple-paragraph.html:
  • fast/text-autosizing/span-child-expected.html:
  • fast/text-autosizing/span-child.html:
  • fast/text-autosizing/various-font-sizes-expected.html:
  • fast/text-autosizing/various-font-sizes.html:
  • fast/text-autosizing/wide-block-expected.html:
  • fast/text-autosizing/wide-block.html:
Location:
trunk/LayoutTests
Files:
17 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r128491 r128500  
     12012-09-13  John Mellor  <johnme@chromium.org>
     2
     3        Text Autosizing: Add explanations to tests.
     4        https://bugs.webkit.org/show_bug.cgi?id=96673
     5
     6        Reviewed by Julien Chaffraix.
     7
     8        Replaces some of the lorem ipsum filler text in Text Autosizing tests
     9        with explanations of why the result is expected (and other minor tweaks
     10        to tests).
     11
     12        * fast/text-autosizing/font-scale-factor-expected.html:
     13        * fast/text-autosizing/font-scale-factor.html:
     14        * fast/text-autosizing/narrow-iframe-expected.html:
     15        * fast/text-autosizing/narrow-iframe-flattened-expected.html:
     16        * fast/text-autosizing/narrow-iframe-flattened.html:
     17        * fast/text-autosizing/narrow-iframe.html:
     18        * fast/text-autosizing/nested-em-line-height-expected.html:
     19        * fast/text-autosizing/nested-em-line-height.html:
     20        * fast/text-autosizing/simple-paragraph-expected.html:
     21        * fast/text-autosizing/simple-paragraph.html:
     22        * fast/text-autosizing/span-child-expected.html:
     23        * fast/text-autosizing/span-child.html:
     24        * fast/text-autosizing/various-font-sizes-expected.html:
     25        * fast/text-autosizing/various-font-sizes.html:
     26        * fast/text-autosizing/wide-block-expected.html:
     27        * fast/text-autosizing/wide-block.html:
     28
    1292012-09-13  Sudarsana Nagineni  <sudarsana.nagineni@linux.intel.com>
    230

  • trunk/LayoutTests/fast/text-autosizing/font-scale-factor-expected.html

    r126058 r128500  
    11<!DOCTYPE html>
    22<html>
    3   <head>
    4     <meta name="viewport" content="width=800" />
    5     <style>
    6       body {
    7         width: 800px;
    8         margin: 0px;
    9         overflow: hidden;
    10       }
    11     </style>
    12   </head>
    13   <body>
    14     <div style="font-size: 5rem">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien sapien, tempus id egestas a, consectetur et felis. Ut pharetra mi eget lectus laoreet rutrum. Mauris tellus odio, egestas vitae sodales in, vehicula eget ante. Pellentesque id egestas arcu. Quisque tellus quam, rhoncus ac elementum vel, volutpat vel felis. Aliquam ut leo dolor, eget egestas tellus. Nunc ut velit gravida nisl fringilla rutrum eget at arcu. Vivamus et pretium mauris.</div>
    15   </body>
     3<head>
     4
     5<meta name="viewport" content="width=800">
     6<style>
     7html { font-size: 16px; }
     8body { width: 800px; margin: 0; overflow-y: hidden; }
     9</style>
     10
     11</head>
     12<body>
     13
     14<div style="font-size: 5rem">
     15    This text should be autosized to 80px computed font-size (16 * 800/320 * 2, where 2 is the fontScaleFactor).<br>
     16    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien sapien, tempus id egestas a, consectetur et felis. Ut pharetra mi eget lectus laoreet rutrum. Mauris tellus odio, egestas vitae sodales in, vehicula eget ante. Pellentesque id egestas arcu. Quisque tellus quam, rhoncus ac elementum vel, volutpat vel felis. Aliquam ut leo dolor, eget egestas tellus. Nunc ut velit gravida nisl fringilla rutrum eget at arcu. Vivamus et pretium mauris.
     17</div>
     18
     19</body>
    1620</html>

  • trunk/LayoutTests/fast/text-autosizing/font-scale-factor.html

    r126058 r128500  
    11<!DOCTYPE html>
    22<html>
    3   <head>
    4     <meta name="viewport" content="width=800" />
    5     <style>
    6       body {
    7         width: 800px;
    8         margin: 0px;
    9         overflow: hidden; /* Vertical scrollbar makes it harder to write expected.html */
    10       }
    11     </style>
    12     <script>
    13       if (window.internals) {
    14         window.internals.settings.setTextAutosizingEnabled(true);
    15         window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
    16         window.internals.settings.setTextAutosizingFontScaleFactor(2);
    17       } else {
    18         console.warn("Please use DumpRenderTree to run this test.");
    19       }
    20     </script>
    21   </head>
    22   <body>
    23     <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien sapien, tempus id egestas a, consectetur et felis. Ut pharetra mi eget lectus laoreet rutrum. Mauris tellus odio, egestas vitae sodales in, vehicula eget ante. Pellentesque id egestas arcu. Quisque tellus quam, rhoncus ac elementum vel, volutpat vel felis. Aliquam ut leo dolor, eget egestas tellus. Nunc ut velit gravida nisl fringilla rutrum eget at arcu. Vivamus et pretium mauris.</div>
    24   </body>
     3<head>
     4
     5<meta name="viewport" content="width=800">
     6<style>
     7html { font-size: 16px; }
     8body { width: 800px; margin: 0; overflow-y: hidden; }
     9</style>
     10
     11<script>
     12if (window.internals) {
     13    window.internals.settings.setTextAutosizingEnabled(true);
     14    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
     15    window.internals.settings.setTextAutosizingFontScaleFactor(2);
     16} else {
     17    console.warn("Please use DumpRenderTree to run this test.");
     18}
     19</script>
     20
     21</head>
     22<body>
     23
     24<div>
     25    This text should be autosized to 80px computed font-size (16 * 800/320 * 2, where 2 is the fontScaleFactor).<br>
     26    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien sapien, tempus id egestas a, consectetur et felis. Ut pharetra mi eget lectus laoreet rutrum. Mauris tellus odio, egestas vitae sodales in, vehicula eget ante. Pellentesque id egestas arcu. Quisque tellus quam, rhoncus ac elementum vel, volutpat vel felis. Aliquam ut leo dolor, eget egestas tellus. Nunc ut velit gravida nisl fringilla rutrum eget at arcu. Vivamus et pretium mauris.
     27</div>
     28
     29</body>
    2530</html>

  • trunk/LayoutTests/fast/text-autosizing/narrow-iframe-expected.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
    7 body { width: 800px; margin: 0; overflow-y: hidden; }
     6<style>
     7body { width: 800px; margin: 0; }
    88</style>
    99
    … …  
    1111<body>
    1212
    13 <iframe style="width: 50%; height: 50%; border: 0" src='data:text/html,
    14 <html><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px; font-size: 1.25rem">
     13<iframe style="width: 50%; height: 300px; border: 0" src='data:text/html,
     14<html style="font-size: 16px"><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px; font-size: 1.25rem">
     15This text should be autosized to just 20px computed font size, i.e. scaled up by 1.25x, since although this block is 1600px wide, it is in a 400px wide iframe, and min(1600, 400, 800) / 320 = 1.25.<br>
    1516Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    1617</div></body></html>'>

  • trunk/LayoutTests/fast/text-autosizing/narrow-iframe-flattened-expected.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
    77body { width: 800px; margin: 0; overflow-y: hidden; }
    88</style>
    … …  
    1111<body>
    1212
    13 <iframe style="width: 100%; height: 50%; border: 0" src='data:text/html,
    14 <html><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px; font-size: 2.5rem">
     13<iframe style="width: 100%; height: 300px; border: 0" src='data:text/html,
     14<html style="font-size: 16px"><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px; font-size: 2.5rem">
     15This text should be autosized to 40px computed font size, i.e. scaled up by 2.5x, since although this block is 1600px wide, and is in a 400px wide iframe, the iframe is flattened so it will expand to the width of its containing block (800px), and min(1600, 800) / 320 = 2.5.<br>
    1516Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    1617</div></body></html>'>

  • trunk/LayoutTests/fast/text-autosizing/narrow-iframe-flattened.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
    77body { width: 800px; margin: 0; overflow-y: hidden; }
    88</style>
    99
    10 <script type="text/javascript">
     10<script>
    1111if (window.internals) {
    1212    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2222<body>
    2323
    24 <iframe style="width: 50%; height: 50%; border: 0" src='data:text/html,
    25 <html><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px">
     24<iframe style="width: 50%; height: 300px; border: 0" src='data:text/html,
     25<html style="font-size: 16px"><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px">
     26This text should be autosized to 40px computed font size, i.e. scaled up by 2.5x, since although this block is 1600px wide, and is in a 400px wide iframe, the iframe is flattened so it will expand to the width of its containing block (800px), and min(1600, 800) / 320 = 2.5.<br>
    2627Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    2728</div></body></html>'>

  • trunk/LayoutTests/fast/text-autosizing/narrow-iframe.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
    7 body { width: 800px; margin: 0; overflow-y: hidden; }
     6<style>
     7body { width: 800px; margin: 0; }
    88</style>
    99
    10 <script type="text/javascript">
     10<script>
    1111if (window.internals) {
    1212    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2020<body>
    2121
    22 <iframe style="width: 50%; height: 50%; border: 0" src='data:text/html,
    23 <html><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px">
     22<iframe style="width: 50%; height: 300px; border: 0" src='data:text/html,
     23<html style="font-size: 16px"><body style="margin: 0; overflow-y: hidden"><div style="width: 1600px">
     24This text should be autosized to just 20px computed font size, i.e. scaled up by 1.25x, since although this block is 1600px wide, it is in a 400px wide iframe, and min(1600, 400, 800) / 320 = 1.25.<br>
    2425Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    2526</div></body></html>'>

  • trunk/LayoutTests/fast/text-autosizing/nested-em-line-height-expected.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    … …  
    1213
    1314<div style="font-size: 2.5rem; line-height: 1">
    14         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     15        When this text is autosized to 40px, the line heights of the nested inline elements below should increase in strict proportion.
    1516        <b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</b>
    1617        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • trunk/LayoutTests/fast/text-autosizing/nested-em-line-height.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    910
    10 <script type="text/javascript">
     11<script>
    1112if (window.internals) {
    1213    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2122
    2223<div style="line-height: 1em">
    23         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     24        When this text is autosized to 40px, the line heights of the nested inline elements below should increase in strict proportion.
    2425        <b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</b>
    2526        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • trunk/LayoutTests/fast/text-autosizing/simple-paragraph-expected.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    … …  
    1213
    1314<div style="font-size: 2.5rem">
     15    This text should be autosized to 40px computed font-size (16 * 800/320).<br>
    1416    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    1517</div>

  • trunk/LayoutTests/fast/text-autosizing/simple-paragraph.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    910
    10 <script type="text/javascript">
     11<script>
    1112if (window.internals) {
    1213    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2122
    2223<div>
     24    This text should be autosized to 40px computed font-size (16 * 800/320).<br>
    2325    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    2426</div>

  • trunk/LayoutTests/fast/text-autosizing/span-child-expected.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    … …  
    1213
    1314<div style="font-size: 2.5rem">
    14     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     15    This text should all be autosized to 40px computed font-size; the span below shouldn't affect this.
    1516    <span>
    1617        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • trunk/LayoutTests/fast/text-autosizing/span-child.html

    r125925 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; }
    89</style>
    910
    10 <script type="text/javascript">
     11<script>
    1112if (window.internals) {
    1213    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2122
    2223<div>
    23     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     24    This text should all be autosized to 40px computed font-size; the span below shouldn't affect this.
    2425    <span>
    2526        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • trunk/LayoutTests/fast/text-autosizing/various-font-sizes-expected.html

    r126438 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
    7 body { width: 800px; margin: 0; }
     6<style>
     7body { width: 800px; margin: 0; overflow-y: hidden; }
    88</style>
    99
    … …  
    1212
    1313<div style="font-size: 20px">
    14     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
     14    This should be scaled by 2.5x to become 20px (since it was small, it got fully multiplied).
    1515</div>
    1616<div style="font-size: 40px">
    17     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     17    This should be scaled by 2.5x to become 40px (since it was small, it got fully multiplied).
    1818</div>
    1919<div style="font-size: 48px">
    20     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
     20    This should be scaled by 1.5x to become 48px (since it was medium size, it got multiplied less).
    2121</div>
    2222<div style="font-size: 56px">
    23     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
     23    This should be scaled by 1.17x to become 56px (since it was large, it got multiplied much less).
     24</div>
     25<div style="font-size: 64px">
     26    This should not be scaled at all, hence remain 64px (since it was huge, it didn't get multiplied at all).
    2427</div>
    2528

  • trunk/LayoutTests/fast/text-autosizing/various-font-sizes.html

    r126438 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
    7 body { width: 800px; margin: 0; }
     6<style>
     7body { width: 800px; margin: 0; overflow-y: hidden; }
    88</style>
    99
    10 <script type="text/javascript">
     10<script>
    1111if (window.internals) {
    1212    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2121
    2222<div style="font-size: 8px">
    23     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
     23    This should be scaled by 2.5x to become 20px (since it was small, it got fully multiplied).
    2424</div>
    2525<div style="font-size: 16px">
    26     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     26    This should be scaled by 2.5x to become 40px (since it was small, it got fully multiplied).
    2727</div>
    2828<div style="font-size: 32px">
    29     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
     29    This should be scaled by 1.5x to become 48px (since it was medium size, it got multiplied less).
    3030</div>
    3131<div style="font-size: 48px">
    32     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
     32    This should be scaled by 1.17x to become 56px (since it was large, it got multiplied much less).
     33</div>
     34<div style="font-size: 64px">
     35    This should not be scaled at all, hence remain 64px (since it was huge, it didn't get multiplied at all).
    3336</div>
    3437

  • trunk/LayoutTests/fast/text-autosizing/wide-block-expected.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; overflow-y: hidden; }
    89</style>
    … …  
    1213
    1314<div style="width: 1600px; font-size: 2.5rem">
     15    This text should be autosized to just 40px computed font size, i.e. scaled up by 2.5x, since although this block is 1600px wide, the window is only 800px, and min(1600, 800) / 320 = 2.5.<br>
    1416    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    1517</div>

  • trunk/LayoutTests/fast/text-autosizing/wide-block.html

    r126058 r128500  
    44
    55<meta name="viewport" content="width=800">
    6 <style type="text/css">
     6<style>
     7html { font-size: 16px; }
    78body { width: 800px; margin: 0; overflow-y: hidden; }
    89</style>
    910
    10 <script type="text/javascript">
     11<script>
    1112if (window.internals) {
    1213    window.internals.settings.setTextAutosizingEnabled(true);
    … …  
    2122
    2223<div style="width: 1600px">
     24        This text should be autosized to just 40px computed font size, i.e. scaled up by 2.5x, since although this block is 1600px wide, the window is only 800px, and min(1600, 800) / 320 = 2.5.<br>
    2325    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    2426</div>
Note: See TracChangeset for help on using the changeset viewer.