移动端图片适配:

根据设备像素比加载 1x图 2x图 3x图 …
①.使用背景图片实现
先设置默认图片,再利用媒体查询去修改设备像素比大于2的,换张图片。
②.使用img标签实现


耳机

img中的srcset引入图片,1px的直接引入,2px的在图后面写2px,为了兼容好,浏览器不认识srcset,要再写个src引入图片地址。
③.使用picture标签实现,推荐使用

 

    
    
    耳机

用srcset引入图片,用media设置媒体查询。

你可能感兴趣的:(移动端图片适配:)