# image的srcset属性 ~~~ 根据屏幕密度设置不同的图片 <img src="image-128.png" srcset="image-256.png 2x" /> 使用上面的代码 就能实现在屏幕密度为1x的情况下加载image-128.png 屏幕密度为2x时加载image-256.png 其中srcset指定图片的地址和对应的图片质量。sizes用来设置图片的尺寸零界点。 sizes语法如下： sizes="[media query] [length], [media query] [length] ... " 上面例子中的sizes就是指默认显示128px, 如果视区宽度大于360px, 则显示340px。 img的srcset属性方便的解决了页面图片适应不同屏幕密度的情况。 目前除了IE没有兼容到，已经全部都兼容了，可以放心使用 ~~~