问题标签 [intrinsic-ratio]

萨斯迈斯特在这里

如果使用固有比率定义元素的尺寸：

萨斯：

HTML：

有没有办法包含它，以便它调整到其容器的高度？

它当前会在保持其纵横比的同时调整其容器的宽度，但是，即使使用定义了明确高度的包装器，如果包装器的宽度与其高度相比大于其纵横比，它也会溢出容器。

我需要支持 IE9+，我不想使用 JavaScript

我正在用 JS 构建一个内联 SVG。SVG 的比例（又名比率）是动态的：随时可以从 JS 更改。

我想让 SVG 响应。这就是我将如何使用<img>：

但这对<svg>. 小提琴： http: //jsbin.com/vobaq/1/edit ?html,css,output

目标是缩放内联 SVG 元素以水平适应容器而不扭曲其比例。CSS 不应该知道当前的 SVG 比例。

我对填充比率黑客有点困惑。

它与一个额外的容器一起工作，但如果我简化标记，它的行为方式就不一样了。（高度不同）

直到今天我才听说过固有图像尺寸，但我有一些在 CraftCMS 中裁剪后尺寸约为 1200 x 500 像素的英雄图像。然而，当在我的项目经理的 Windows 机器上查看时，它显示了一个超级超级超级模糊的图像。

当我们在检查元素中查看它时，它是一个标有“内在”的 1200 x 5 像素图像。有关更多信息，请参见下面的屏幕截图。

我以前从未遇到过这种情况，所以我不知道从哪里开始寻找。