| Index: LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-resize-font-size.html
|
| diff --git a/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-resize-font-size.html b/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-resize-font-size.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a6e535f566fbc0c8882263e580bcd8ca8c08069d
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-resize-font-size.html
|
| @@ -0,0 +1,44 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<title>Test font-size in viewport units resizes when window is resized</title>
|
| +<script>
|
| +function init() {
|
| + if (!window.testRunner)
|
| + return;
|
| +
|
| + eventSender.mouseMoveTo(100, 500);
|
| + eventSender.mouseDown();
|
| + eventSender.mouseMoveTo(100, 400);
|
| + eventSender.mouseUp();
|
| +
|
| + eventSender.mouseMoveTo(500, 200);
|
| + eventSender.mouseDown();
|
| + eventSender.mouseMoveTo(600, 200);
|
| + eventSender.mouseUp();
|
| +}
|
| +window.onload = init;
|
| +</script>
|
| +</head>
|
| +<frameset rows="500px,*">
|
| +<frameset cols="500px,*">
|
| +<frame src='data:text/html,
|
| +<style type="text/css">
|
| + #test-width { font-size: 10vw; line-height: 10vw; }
|
| + #test-height { font-size: 10vh; line-height: 10vh; }
|
| + #test-min { font-size: 10vmin; line-height: 10vmin; }
|
| + #test-max { font-size: 10vmax; line-height: 10vmax; }
|
| +</style>
|
| +<div></div>
|
| +<p>Issue 124331: This tests that font-size and line-height values specified in viewport units scale with the viewport.</p>
|
| +<p>The font sizes should stay sized in proportion to the viewport dimensions.</p>
|
| +<div id="test-width"> width </div>
|
| +<div id="test-height"> height </div>
|
| +<div id="test-min"> minimum </div>
|
| +<div id="test-max"> maximum </div>
|
| +'></frame>
|
| +<frame src=""></frame>
|
| +</frameset>
|
| +<frame src=""></frame>
|
| +</frameset>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 13771002:
Recalc styles on resize if we have viewport units. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink@master