gpt4 book ai didi

javascript - CSS 调整图像大小以适应 div 并响应

转载 作者:太空宇宙 更新时间:2023-11-03 17:47:22 26 4
gpt4 key购买 nike

我在允许用户上传他们自己的图片的站点上使用 bootstrap3。这些图像稍后显示在给定页面中。问题是,一些用户上传的照片相对于容纳它们的 div 来说要么更大要么更小。我希望使用 CSS(如果需要,甚至是 JavaScript)调整所有这些图像的大小,以便它们适合 div,同时保持它们的纵横比。同时,我希望他们能够做出响应。

最佳答案

在图像上使用 img-responsive 类。

来自Bootstrap documentation : "通过添加 .img-responsive 类,Bootstrap 3 中的图像可以响应友好。这适用于 max-width: 100%; height: auto; 到图像,以便它可以很好地缩放到父元素。”

关于javascript - CSS 调整图像大小以适应 div 并响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27923635/

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