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

时间:2011-02-03 08:26:57

标签: windows ipad image src

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

3 个答案:

答案 0 :(得分:0)

如果用户调整浏览器大小,图像已经加载,因此无需加载较小的版本。

如果他们使用较小的设备,例如ipad或iphone,您可以检测到并重定向到图像大小适合该设备的其他页面,例如ipad.example.com,m.example.com等。

答案 1 :(得分:0)

您可以使用CSS media queries使用纯CSS执行此操作。如果您在某些块元素上使用背景图像,而不是使用<img>元素,则可以通过添加/删除类(基于媒体查询 - 因此可用的客户区域)轻松交换维度和背景图像他们共同的容器。

答案 2 :(得分:0)

您使用css3媒体查询执行此操作。查看smashing magazine

上的这篇文章