Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <title>font.size.inflation.lineThreshold test</title> |
michael@0 | 3 | <style> |
michael@0 | 4 | body { width: 600px; } |
michael@0 | 5 | body, textarea { font-size: 44px } |
michael@0 | 6 | p { margin: 0 } |
michael@0 | 7 | </style> |
michael@0 | 8 | <!-- |
michael@0 | 9 | In a 600px container, the minimum font size at 15em per line is 40px. |
michael@0 | 10 | This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px. |
michael@0 | 11 | |
michael@0 | 12 | Further, with a lineThreshold of 100, we need 50 characters of 12px |
michael@0 | 13 | text to meet the line threshold. |
michael@0 | 14 | --> |
michael@0 | 15 | <p>123456789 |
michael@0 | 16 | 123456789 |
michael@0 | 17 | <textarea rows="2" cols="10"> |
michael@0 | 18 | hi |
michael@0 | 19 | </textarea> |
michael@0 | 20 | 123456789 |
michael@0 | 21 | 1234567890</p> |