如何更改窗口大小变小时的src或多个图像

Question

我想知道如何更改多个图像的来源，当用户更改浏览器窗口的大小或他们正在使用IPAD？

Answer 1

你可以用纯CSS做到这一点，使用CSS media queries。如果在某些块元素上使用背景图像，您可以通过向其公共容器添加/删除类（基于媒体查询 - 因此可用客户区），轻松地交换尺寸和背景图像，而不是使用<img>元素作为图像。 。

Answer 2

那么，如果用户调整浏览器大小，图像已经加载，所以不需要加载较小的版本。

如果他们使用的是较小的设备，例如ipad或iphone，则可以检测到并重定向到不同的页面，其中该设备的图像大小正确，例如ipad.example.com，m.example.com等。

Answer 3

你可以用css3媒体查询来做到这一点。看看这篇文章smashing magazine