| 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 </head> | |
| 12 <body> | |
| 13 | |
| 14 <div style="max-height: 500px; float: left"> | |
| 15 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). | |
| 16 </div> | |
| 17 | |
| 18 <div style="max-height: 500px; position: absolute; top: 200px"> | |
| 19 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
). | |
| 20 </div> | |
| 21 | |
| 22 <div style="max-height: 500px; position: fixed; top: 400px"> | |
| 23 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). | |
| 24 </div> | |
| 25 | |
| 26 </body> | |
| 27 </html> | |
| OLD | NEW |