| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   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> |  12 <body> | 
|  13  |  13  | 
|  14 <div style="max-height: 500px"> |  14 <div style="max-height: 500px"> | 
|  15     <div style="position: fixed"> |  15     <div style="position: fixed"> | 
|  16         <div style="font-size: 2.5rem"> |  16         <div style="font-size: 2.5rem"> | 
|  17             This text should be autosized to 40px computed font-size, since the 
    parent is position:fixed so the height is considered to be unconstrained (ancest
    ors of the parent are ignored).<br> |  17             This text should be autosized to 40px computed font-size, since the 
    parent is position:fixed so the height is considered to be unconstrained (ancest
    ors of the parent are ignored).<br> | 
|  18             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu
    smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
    , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
    uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
    e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
     in culpa qui officia deserunt mollit anim id est laborum. |  18             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu
    smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
    , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conseq
    uat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolor
    e eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
     in culpa qui officia deserunt mollit anim id est laborum. | 
|  19         </div> |  19         </div> | 
|  20     </div> |  20     </div> | 
|  21 </div> |  21 </div> | 
|  22  |  22  | 
|  23 </body> |  23 </body> | 
|  24 </html> |  24 </html> | 
| OLD | NEW |