css - HTML SVG with viewBox and preserveAspectRatio xMinYMin meet incorrect shape in Chrome -


i want svg 4:1 width:height size, absolute size changing according browser window size. need aspect ratio of coordinate space within svg 1:1.

the following achieves want in firefox, showing blue svg background 4:1 ratio (eg. 1000 x 250px, depending on window size). however, in chrome, ratio not observed , svg/visible background eg. 1000 x 570px.

<body>     <div id="svgdiv" style="background:aliceblue; max-width:100%">         <svg preserveaspectratio="xminymin meet" viewbox="0 0 100 25">         </svg>     </div> </body> 

is bug in chrome, or have misunderstood usage? how can obtain want in chrome?


Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -