在网站上显示图像响应

Question

example image

我想在我的网站上添加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>

Answer 1

尝试：

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

Answer 2

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