响应式网站建设的常用技巧

图片压缩：https://tinypng.com/

使用picture标签和source的srcset在不同屏幕下使用不同大小的图片，如下所示

<picture>
    <source srcset='img/ad-s.png media="(max-width=300px)">
    <source srcset='img/ad-l.png media="(max-width=600px)">
    <src='img/ad-m.png' alt='ad'>
</picture>

但是注意一点，这个标签对IE完全无效，为了解决兼容性问题，还需要引入一个picturefill.js：http://scottjehl.github.io/picturefill/