| OLD | NEW |
| (Empty) |
| 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; } | |
| 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, 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 } | |
| 18 </script> | |
| 19 | |
| 20 </head> | |
| 21 <body> | |
| 22 | |
| 23 <div style="max-height: 500px; float: left"> | |
| 24 This text should not be autosized (its computed font-size should remain 16px
), as autosizing usually causes text to wrap onto more lines, which might cause
it to overflow the block's max-height (the float:left doesn't affect this). | |
| 25 </div> | |
| 26 | |
| 27 <div style="max-height: 500px; position: absolute; top: 200px"> | |
| 28 This text should not be autosized (its computed font-size should remain 16px
), as autosizing usually causes text to wrap onto more lines, which might cause
it to overflow the block's max-height (the position:absolute doesn't affect this
). | |
| 29 </div> | |
| 30 | |
| 31 <div style="max-height: 500px; position: fixed; top: 400px"> | |
| 32 This text should not be autosized (its computed font-size should remain 16px
), as autosizing usually causes text to wrap onto more lines, which might cause
it to overflow the block's max-height (the position:fixed doesn't affect this). | |
| 33 </div> | |
| 34 | |
| 35 </body> | |
| 36 </html> | |
| OLD | NEW |