1.包裝法#####

  <div style="width:80%">
      <img style="width:100%" scr="">
  </div>

通過讓圖片完全符合作為“包裝盒”的div得寬度，通過改變外層“包裝盒”的寬度來達(dá)到圖片自適應(yīng)。
同時(shí)不需要設(shè)置圖片的高度，讓其按照寬度等比例縮放。
缺點(diǎn)：
圖像分辨率不夠高的時(shí)候，就會(huì)糊掉

2.css屬性#####

srcset的sizes屬性
詳細(xì)介紹
缺點(diǎn)：
IE完全不兼容，只能在移動(dòng)端項(xiàng)目使用

2.html5 picture標(biāo)簽#####

詳細(xì)介紹
缺點(diǎn)：
IE完全不兼容，只能在移動(dòng)端項(xiàng)目使用