OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Test font-size in viewport units resizes when window is resized</title> |
| 5 <script> |
| 6 function init() { |
| 7 if (!window.testRunner) |
| 8 return; |
| 9 |
| 10 eventSender.mouseMoveTo(100, 500); |
| 11 eventSender.mouseDown(); |
| 12 eventSender.mouseMoveTo(100, 400); |
| 13 eventSender.mouseUp(); |
| 14 |
| 15 eventSender.mouseMoveTo(500, 200); |
| 16 eventSender.mouseDown(); |
| 17 eventSender.mouseMoveTo(600, 200); |
| 18 eventSender.mouseUp(); |
| 19 } |
| 20 window.onload = init; |
| 21 </script> |
| 22 </head> |
| 23 <frameset rows="500px,*"> |
| 24 <frameset cols="500px,*"> |
| 25 <frame src='data:text/html, |
| 26 <style type="text/css"> |
| 27 #test-width { font-size: 10vw; line-height: 10vw; } |
| 28 #test-height { font-size: 10vh; line-height: 10vh; } |
| 29 #test-min { font-size: 10vmin; line-height: 10vmin; } |
| 30 #test-max { font-size: 10vmax; line-height: 10vmax; } |
| 31 </style> |
| 32 <div></div> |
| 33 <p>Issue 124331: This tests that font-size and line-height values specified in v
iewport units scale with the viewport.</p> |
| 34 <p>The font sizes should stay sized in proportion to the viewport dimensions.</p
> |
| 35 <div id="test-width"> width </div> |
| 36 <div id="test-height"> height </div> |
| 37 <div id="test-min"> minimum </div> |
| 38 <div id="test-max"> maximum </div> |
| 39 '></frame> |
| 40 <frame src=""></frame> |
| 41 </frameset> |
| 42 <frame src=""></frame> |
| 43 </frameset> |
| 44 </html> |
OLD | NEW |