高清屏下的图片

文章目录

http://www.html-js.com/article/Mobile-terminal-H5-mobile-terminal-HD-multi-screen-adaptation-scheme%203041

小图在高清屏下展示，因为图片像素不够用，所以从附近色块取值再填充来展示，这样就会有点糊

解决办法：image set

<img src="image100.png" srcset="image200.png 2x, image300.png 3x" />

/* image-set */
.img {
  background: image-set( url('path/to/image') 1x, url('path/to/high-res-image') 2x );
}

/* 或者使用media */
@media(max-width: 768px){
  .img {
      background-image:url("path/to/image");
  }
}

兼容性：85%~94%