threshold-textarea-contents-at-2-ref.html 556 B

12345678910111213141516171819202122
  1. <!DOCTYPE HTML>
  2. <title>font.size.inflation.lineThreshold test</title>
  3. <style>
  4. body { width: 600px; }
  5. body, textarea { font-size: 44px }
  6. p { margin: 0 }
  7. </style>
  8. <!--
  9. In a 600px container, the minimum font size at 15em per line is 40px.
  10. This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
  11. Further, with a lineThreshold of 100, we need 50 characters of 12px
  12. text to meet the line threshold.
  13. -->
  14. <p>123456789
  15. 123456789
  16. <textarea rows="2" cols="10">
  17. this is a lot of text but it doesn't have an effect
  18. </textarea>
  19. 123456789
  20. 1234567890</p>