在响应式网站上显示图像答案

【问题标题】：showing images on website responsive在响应式网站上显示图像
【发布时间】：2017-11-10 19:37:40
【问题描述】：

我想在我的网站中添加 4 种类型的图像（相同大小 1656 x 2416），但我希望它在网站上变得更小且响应迅速并并排

<div>
<div><img src="img/menu.jpeg"  alt="menu1"></div>
<div><img src="img/menu2.jpeg" alt="menu2"></div>
<div><img src="img/menu1.jpeg" alt="menu2"></div>
<div><img src="img/menu3.jpeg" alt="menu2"></div>

【问题讨论】：

如果您使用的是引导程序，只需添加class="img-responsive"
如果您使用的是 Bootstrap，您是否尝试过阅读文档？ v4-alpha.getbootstrap.com/content/images/#responsive-images
我猜你真的需要阅读 bootstrap 手册，因为这些 div 上甚至没有 row 或 col 类
BS4 使用 img-fluid 而非 img-responsive

标签： html bootstrap-4

【解决方案1】：

将 div 设置为 float:left 并将高度设置为合理的大小，以便在按照 @Moslem 的建议指定 img-responsive 时所有 4 个图像可以并排放置。

【讨论】：

【解决方案2】：

尝试：

<img class="img-responsive" src="img/menu.jpeg"  alt="menu1">

【讨论】：