gpt4 book ai didi

html - CSS 根据高度或宽度使图像适合容器

转载 作者:行者123 更新时间:2023-12-04 02:20:27 24 4
gpt4 key购买 nike

我有一个容器,其大小为宽度 600 和高度 400。我还有 2 张图片,一张尺寸为 600(宽度)* 1,一张尺寸为 1 * 400(高度)。有没有一种方法可以让我使用 width 或 max-width 将第一张图片放入容器,而使用 height 或 max-height 将第二张图片放入容器?谢谢。

最佳答案

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

原来还有另一种方法可以做到这一点。

<img style="height: 100%; width: 100%; object-fit: contain;" /> 

会做的工作。这是 CSS3 的东西。

关于html - CSS 根据高度或宽度使图像适合容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30478720/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com