网站建立处理响应式网站图片响应式难题

　　随着挪动设备的提高，不同尺寸的显现终端越来越多，这些让我们看到了响应式网站提高的曙光光及迫切需求。但响应式网站一个必需要处理的问题：如何将网站中的图片图片响应式。一张大图假如PC端、平板端、手机端都是一样大的话，真实太不科学了，一是手机流量占用过大，下载速度慢;其次就是图片尺寸大比例紧缩后会变得含糊。

　　假如图片是以背景方式存在，这种比拟好处理，能够采用媒体查询，为不同尺寸的显现终端设置不同图片。但，假如是网页中插入的图片处理起来就比拟复杂一点了。

　　一、采用srcset属性，如下代码

　　srcset里面是依据媒体查询条件显现不同图片，跟上面差不多一样，表达方式不一样，1x表示显现器像素密度显现倍数。

　　正常我是两者分离的方式完成，各大阅读器最新的版本根本都支持，但是IE系列的不支持，这让我们感到十分头痛，兼容性详细如下图。

　　比拟严重的问题是QQ阅读器以IE为内核，微信阅读器不支持，而微信在国内的运用率十分高，加之微信公众平台的微官网是客户的常见需求,最后处理方法是运用Picturefill，效果十分好。

　　二、采用picture元素，如下代码

　　在追逐响应式网站建设的浪潮中，希望不要忘记了用户体验，只有让网站中所有的元素都能达到响应式的标准，才是真正的响应式网站。