threshold-textarea-contents-at-1.html (507B)
1 <!DOCTYPE HTML> 2 <title>font.size.inflation.lineThreshold test</title> 3 <style> 4 body { width: 600px; } 5 body, textarea { font-size: 12px } 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 12 Further, with a lineThreshold of 100, we need 50 characters of 12px 13 text to meet the line threshold. 14 --> 15 <p>123456789 16 123456789 17 <textarea rows="2" cols="10"> 18 hi 19 </textarea> 20 123456789 21 1234567890</p>