1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 --><html><head>
6
7 <!--
8 The original and initial filename of this test was
9 wide- -auto-32px- -percent-width-nonpercent-height-viewbox.html
10 -->
11
12 <title>CSS Backgrounds and Borders Test: background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg</title>
13
14 <link href="http://whereswalden.com/" rel="author" title="Jeff Walden">
15 <link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help">
16 <link href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" rel="help">
17 <link href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" rel="help">
18 <link href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" rel="help">
19 <link href="reference/ref-wide-lime2x16-aqua2x16.htm" rel="match">
20
21 <meta content="svg" name="flags">
22
23 <style type="text/css">
24 div
25 {
26 background-image: url("support/percent-width-nonpercent-height-viewbox.svg");
27 background-repeat: no-repeat;
28 background-size: auto 32px;
29 border: black solid 1px;
30 height: 256px;
31 width: 768px;
32 }
33 </style>
34
35 </head>
36
37 <body>
38
39 <div></div>
40
41
42
43 </body></html>