响应式图片srcset

简介

1 .根据屏幕密度实现对应尺寸图片
2 .新的srcset功能更加强大，适用场景更多，只需要提供图片资源以及断点，其他都交给浏览器，浏览器会自动根据场景匹配最佳图片

<img src="128px.jpg"
     srcset="128px.jpg 128w, 256px.jpg 256w, 512px.jpg 512w"
     sizes="(max-width: 360px) 340px, 128px">
//图片128px宽度的时候使用128.jpg。
//图片256宽度的时候用256px.jpg

//sizes="[media query] [value], [media query] [value] ... etc"
屏幕不大于360px的时候，使用340px来计算，其余就以128px来算

<img src="128px.jpg"
     srcset="128px.jpg 128w, 256px.jpg 256w, 512px.jpg 512w"
     sizes="(max-width: 360px) calc(100vw - 20px), 128px">