我希望SVG的宽度为4:1:高度大小,绝对大小根据浏览器窗口大小而变化。我需要SVG中坐标空间的宽高比为1:1。
以下内容完全符合我想要的Firefox,显示蓝色SVG背景,比例为4:1(例如1000 x 250px,具体取决于窗口大小)。但是,在Chrome中,未观察到该比率,并且SVG /可见背景是例如。 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>
这是Chrome中的错误,还是我误解了用法?如何在Chrome中获得我想要的内容?