maxRatio-1.html 481 B

1234567891011121314
  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>