Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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.
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 this is a lot of text but it doesn't have an effect
19 </textarea>
20 123456789
21 1234567890</p>