|
1 <!DOCTYPE HTML> |
|
2 <style> |
|
3 div { background: yellow } |
|
4 div { font-size: 24px; width: 450px } |
|
5 </style> |
|
6 <!-- |
|
7 In a 450px container, the minimum font size at 15em per line is 30px. |
|
8 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. |
|
9 However, because we've enabled the maxRatio at a value of 2.0, the mapping |
|
10 function, which would normally return 34px/12px, or about 2.83, now |
|
11 returns a ratio capped at 2.0, thus the actual font size is 24px. |
|
12 --> |
|
13 <div>Hello world</div> |