<分区>
<分区>
如果有人读到这里，请注意这里实际上没有问题。这个问题可以关闭。如果图像的 max-width 或 max-height 大于其初始尺寸，则初始尺寸优先，尺寸将根据其 max- 属性进行限制。
我有一个图像，它会自动调整到最大可能大小，同时保留其宽高比，同时在其容器内垂直和水平对齐。
我想确保它的高度和宽度不大于它所在容器的 100%。
但是，我还想保证图像的调整大小不会超过其实际宽度，因此不会降低质量。
如何同时应用 max-width:100% 和 max-width:250px？
下面是我当前的代码。
<div class="cell-inner" style="text-align:center;">
<span style="vertical-align:middle; display:inline-block; height:100%; "></span>
<img style="max-height:100%; max-width:100%; vertical-align:middle;" src="...">
</div>
我想指出这个问题类似于:CSS width 100% OR max-width in pixels然而，不一样。我无法将宽度和高度值设置为 100%，因为这会迫使图像可能失去其比率。
最佳答案
您实际上不需要做任何事情，因为您当前的代码应该完全按照您的要求执行。将 max-width 和 max-height 添加到您的图像将限制宽度和高度，但绝不会导致它们增加到超过图像的初始尺寸。因此，图像会在需要时缩小，但不会像您所要求的那样变大。
关于html - 如何同时指定 max-width % 和 px，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25921603/