maxRatio-1.html (481B)
1 <!DOCTYPE HTML> 2 <style> 3 div { background: yellow } 4 div { font-size: 12px; width: 450px } 5 </style> 6 <!-- 7 In a 450px container, the minimum font size at 15em per line is 30px. 8 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. 9 However, because we've enabled the maxRatio at a value of 2.0, the mapping 10 function, which would normally return 34px/12px, or about 2.83, now 11 returns a ratio capped at 2.0, thus the actual font size is 24px. 12 --> 13 <div>Hello world</div>