響應式設計是為了相容手機，pc,ipad等裝置，但是要在手機上去載入為pc設計的幾百k的圖片，這是比較耗流量的，並且還需要更長的載入時間。這個時候我們考慮載入與裝置大小相匹配的圖片。
響應式圖片不僅僅是指圖片的大小，更多的是指根據裝置大小載入不同的圖片。今天我們先說一下第一種方法，通過java script或服務端實現。其原理就是window的resize事件，resize事件會在元素的尺寸大小被調整時觸發。具體的程式碼如下。

類似的這種方法還有：通過把螢幕或是裝置資訊寫入cookies，在獲取圖片的時候在伺服器端決定返回哪種圖片，這樣的話就不需要寫指令碼了。

但是，通過js的方法，需要我們編碼實現響應式的邏輯，修改的時候不是很方便，是一種命令式的實現，下一次來說一下宣告式的方法，宣告的方法就是把這些圖片宣告在html中，由瀏覽器根據螢幕的大小，來覺得載入哪種圖片。