threshold-input-text-contents-under-2.html (536B)
1 <!DOCTYPE HTML> 2 <title>font.size.inflation.lineThreshold test</title> 3 <style> 4 body { width: 600px; } 5 body, input { 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 <input size="9" value="this is a lot of text but it doesn't have an effect"> 18 123456789 19 1234567890</p>