fixed-width-viewport-inflation.html (626B)
1 <!DOCTYPE html> 2 <!-- 3 In a 450px container, the minimum font size at 15em per line is 30px. 4 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. 5 --> 6 <html> 7 <head> 8 <meta name="viewport" content="width=801"/> 9 <style> 10 :root { scrollbar-color: transparent transparent; } 11 div { width: 450px; font-size: 12px; line-height: 1.0; } 12 </style> 13 <script> 14 if (location.search) 15 document.documentElement.setAttribute("reftest-zoom", location.search.substr(1)) 16 </script> 17 </head> 18 <body> 19 <div id="outer"> 20 <div>Some inflated text.</div> 21 </div> 22 </body> 23 </html>