根据屏幕尺寸更改图像

首先，我搜索了本网站和其他人的答案。只发现与iPhone和Android相关的东西。根据屏幕尺寸更改图像

因此，与这一点，我知道如何改变图像尺寸的改变与@media tags屏幕分辨率，只是没怎么改变形象结合在一起（从image1.png到image2.png）不断变化的屏幕尺寸。

我阅读了有关动态网页下面的文章，他们似乎有什么我期待的，但我不相信他们描述了如何改变图像： http://alistapart.com/article/responsive-web-design

这能基本HTML/CSS做了什么？

我的例子：当改变屏幕分辨率从1260px到480px，改变图像从image1.png到image2.png

不是图像，你可以只使用一个div和使用media查询改变其background-image属性。或者只显示/隐藏（使用display: none/block）基于媒体查询的图像。

无法在不使用javascript的情况下更改图片来源。

2014-10-02 00:55:58

使用图像作为背景还允许只加载所需的图像（如果媒体查询设置正确），从而提高带宽性能** PS：** OP要求的内容正在由W3C准备。查看[图片]（http://html5hub.com/html5-picture-element）标签。 – 2014-10-02 01:10:14

对javascript不太好。当我有机会的时候生病尝试你的方法 – 2014-10-02 01:21:07

回答