CSS响应性设计:不需要调整HTML随意布局网页

武林网(www.vevb.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.vevb.com/uploads/allimg/130728/10211I616_1.gif" />

以上这个解决方案是我个人最喜欢的，直观、简洁，初学者也能看懂，只可惜目前只是处于设想阶段，没有任何一个开发商去实现它，我们只好期待遥远的未来。在这篇文章里我只是简单提及一下CSS在响应性设计的未来，一些技术的解决方案，在未来我们会看到的。