我在允许用户上传他们自己的图片的站点上使用 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/