前端移动端图片选择

市场调研

通过对京东,淘宝,苏宁易购上手机尺寸的查找,发现设备的分辨率普遍在320px - 1080px不等
特殊情况: iphoneXs 分辨率2688 x 1125
原图大小(5472* 3648)
控制图片自适应代码

.init img {
    width: 100%;
}

移动端显示效果:

对比不同像素图片效果

devicePixelRadio为3,设备宽度375px下,1080px足够;

你可能感兴趣的:(前端移动端图片选择)