比例图像缩放适用于Firefox和Chrome，但不适用于Safari

任何CSS专家都有一个线索，为什么这在Firefox和最新的Chrome中运行良好，但在Safari中却不行？？ 在Safari中，当我缩小浏览器的宽度时，图像会水平缩放，但不会垂直缩放，并变得“挤压”

width: 100%;
max-width: 560px;
height: 100%;
max-height: 490px;

---

我想你想要的是高度：自动而不是

高度：100%。这样，即使宽度发生变化，图像的高度也会根据其自然尺寸自动与宽度成比例

在Safari、Firefox和Chrome中测试。这是我的小提琴：