武林網(www.survivalescaperooms.com)文章簡介：CSS在響應性設計的未來與改進。

響應性設計里圖像是一個關鍵點，不同設備圖像有不同顯示規格，大多數的設計師喜歡像素完美化，正常大小的圖片在高密度的設備里顯示就是一坨屎，圖片大了下載速度也會增加，一些國家流量是非常昂貴的。還有，為什么我小屏幕設備要去下載一張大尺寸的圖片呢？讓我們一起看下解決這些問題的方法。

元素，HTML5的新標簽，使用它可以讓一些媒體查詢到適應的設備來滿足不同圖像,參考一下代碼:

 <picture width="750"  height="750">     
  <source  media="(min-width: 45em)" src="large.jpg">
  <source  media="(min-width: 18em)" src="med.jpg">
  <source  src="small.jpg">
  <img  src="small.jpg" src="http://www.survivalescaperooms.com/uploads/allimg/130728/10211I616_1.gif" />

以上這個解決方案是我個人最喜歡的，直觀、簡潔，初學者也能看懂，只可惜目前只是處于設想階段，沒有任何一個開發商去實現它，我們只好期待遙遠的未來。在這篇文章里我只是簡單提及一下CSS在響應性設計的未來，一些技術的解決方案，在未來我們會看到的。