OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html style="height: 100%"> | 2 <html style="height: 100%"> |
3 <head> | 3 <head> |
4 | 4 |
5 <meta name="viewport" content="width=800"> | 5 <meta name="viewport" content="width=800"> |
6 <style> | 6 <style> |
7 html { font-size: 16px; } | 7 html { font-size: 16px; } |
8 body { width: 800px; margin: 0; } | 8 body { width: 800px; margin: 0; overflow-y: hidden; } |
9 </style> | 9 </style> |
10 | 10 |
11 <script> | 11 <script> |
12 if (window.internals) { | 12 if (window.internals) { |
13 window.internals.settings.setTextAutosizingEnabled(true); | 13 window.internals.settings.setTextAutosizingEnabled(true); |
14 window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480); | 14 window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480); |
15 } else if (window.console && console.warn) { | 15 } else if (window.console && console.warn) { |
16 console.warn("This test depends on the Text Autosizing setting being true, s
o 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."); | 16 console.warn("This test depends on the Text Autosizing setting being true, s
o 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 } | 17 } |
18 </script> | 18 </script> |
19 | 19 |
20 </head> | 20 </head> |
21 <body style="height: 100%"> | 21 <body style="height: 100%"> |
22 | 22 |
23 <div> | 23 <div> |
24 This text should be autosized to 40px computed font-size, since the cons
trained height on the html and body elements gets ignored (a hack to fix some si
tes that appear to set this accidentally).<br> | 24 This text should be autosized to 40px computed font-size, since the cons
trained height on the html and body elements gets ignored (a hack to fix some si
tes that appear to set this accidentally).<br> |
25 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu
is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | 25 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qu
is nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
26 </div> | 26 </div> |
27 | 27 |
28 </body> | 28 </body> |
29 </html> | 29 </html> |
OLD | NEW |