CSS限制图像的最大高度和最大宽度，同时保留图像比例

jw5wzhpr 于 2023-04-01 发布在其他

关注(0)|答案(1)|浏览(158)

有没有人可以帮助CSS来限制图像的最大高度和最大宽度，同时保持图像的比例？
我的问题是只设置了最大宽度，图片的高度会从可视页面上流出。这里有2个网站的例子，它们已经达到了我所追求的效果。https://www.francoisberthoud.com。https://www.nickknight.com。提前感谢。
我对CSS没有经验。我使用的是WordPress主题，它只允许我选择最大宽度。

css

来源：https://stackoverflow.com/questions/75894170/css-to-constrain-max-height-and-max-width-of-images-whilst-preserving-image-prop

1条答案

按热度按时间

nzk0hqpo1#

img {
  max-width: 100%;
  max-height: 400px;
  height: auto;
}

max-width被设置为100%，以确保图像不超过其容器的宽度。max-height被设置为400 px，以确保图像不超过特定的高度。height属性被设置为auto，以确保图像比例得到保留。您可以根据具体情况调整max-height值。

赞(0）回复(0）举报 2023-04-01

我来回答

CSS限制图像的最大高度和最大宽度，同时保留图像比例

1条答案

相关问题

热门标签

最新问答