-1:000000000000 | 0:a429b781d7c8 |
---|---|
1 <!DOCTYPE HTML> | |
2 <title>font.size.inflation.lineThreshold test</title> | |
3 <style> | |
4 body { font-size: 12px; width: 600px; } | |
5 p { margin: 0 } | |
6 </style> | |
7 <!-- | |
8 In a 600px container, the minimum font size at 15em per line is 40px. | |
9 This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px. | |
10 | |
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 123456789 | |
17 123456789 | |
18 12345678901</p> |