2

我希望 SVG 为 4:1 宽度：高度大小，绝对大小根据浏览器窗口大小而变化。我需要 SVG 内坐标空间的纵横比为 1:1。

下面的内容完全符合我在 Firefox 中的要求，以 4:1 的比例显示蓝色 SVG 背景（例如 1000 x 250 像素，取决于窗口大小）。但是，在 Chrome 中，没有观察到该比率，并且 SVG/可见背景是例如。1000 x 570 像素。

<body>
    <div id="svgdiv" style="background:AliceBlue; max-Width:100%">
        <svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 100 25">
        </svg>
    </div>
</body>

这是 Chrome 中的错误，还是我误解了用法？如何在 Chrome 中获得我想要的内容？

4

0 回答 0