no-aspect-ratio-wide.html (983B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>wide background positioning area size; 32px 32px 32px 32px background-size; for omitted-width-omitted-height-viewbox-no-preserve.svg</title> 9 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> 10 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> 11 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> 12 <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> 13 <meta name="flags" content="svg" /> 14 <style type="text/css"> 15 #inner 16 { 17 width: 640px; 18 height: 32px; 19 background-image: url(omitted-width-omitted-height-viewbox-no-preserve.svg); 20 background-repeat: no-repeat; 21 background-size: 32px 32px; 22 } 23 </style> 24 </head> 25 <body> 26 <div id="inner"></div> 27 </body> 28 </html>