layout/reftests/font-inflation/height-constraint-percent-3-ref.html@7e26c7da4463 (annotated)
layout/reftests/font-inflation/height-constraint-percent-3-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <style> |
| michael@0 | 3 | div { font-size: 34px; width: 450px } |
| michael@0 | 4 | #center-block { height: -moz-calc(80% + 5%); } |
| michael@0 | 5 | #center-col { background: yellow; } |
| michael@0 | 6 | p { margin-top: 0px; } |
| michael@0 | 7 | |
| michael@0 | 8 | </style> |
| michael@0 | 9 | <!-- |
| michael@0 | 10 | In a 450px container, the minimum font size at 15em per line is 30px. |
| michael@0 | 11 | This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. |
| michael@0 | 12 | --> |
| michael@0 | 13 | <div id="center-block"> |
| michael@0 | 14 | <div id="center-col"> |
| michael@0 | 15 | <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p> |
| michael@0 | 16 | </div> |
| michael@0 | 17 | </div> |
