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 </head> | 11 </head> |
12 <body style="height: 100%"> | 12 <body style="height: 100%"> |
13 | 13 |
14 <div style="font-size: 2.5rem"> | 14 <div style="font-size: 2.5rem"> |
15 This text should be autosized to 40px computed font-size, since the constrai
ned height on the html and body elements gets ignored (a hack to fix some sites
that appear to set this accidentally).<br> | 15 This text should be autosized to 40px computed font-size, since the constrai
ned height on the html and body elements gets ignored (a hack to fix some sites
that appear to set this accidentally).<br> |
16 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. | 16 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. |
17 </div> | 17 </div> |
18 | 18 |
19 </body> | 19 </body> |
20 </html> | 20 </html> |
OLD | NEW |