根據屏幕尺寸更改圖像

Question

首先，我搜索了本網站和其他人的答案。只發現與iPhone和Android相關的東西。

因此，與這一點，我知道如何改變圖像尺寸的改變與@media tags屏幕分辨率，只是沒怎麼改變形象結合在一起（從image1.png到image2.png）不斷變化的屏幕尺寸。

我閱讀了有關動態網頁下面的文章，他們似乎有什麼我期待的，但我不相信他們描述瞭如何改變圖像： http://alistapart.com/article/responsive-web-design

這能基本HTML/CSS做了什麼？

我的例子：當改變屏幕分辨率從1260px到480px，改變圖像從image1.png到image2.png

Answer 1

不是圖像，你可以只使用一個div和使用media查詢改變其background-image屬性。或者只顯示/隱藏（使用display: none/block）基於媒體查詢的圖像。

無法在不使用javascript的情況下更改圖片來源。