美文网首页
前端移动端图片选择

前端移动端图片选择

作者: 玉面小猿 | 来源:发表于2019-02-19 15:30 被阅读0次

    市场调研

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

    .init img {
        width: 100%;
    }
    

    移动端显示效果:

    对比不同像素图片效果
    devicePixelRadio为3,设备宽度375px下,1080px足够;

    相关文章

      网友评论

          本文标题:前端移动端图片选择

          本文链接:https://www.haomeiwen.com/subject/mhxxyqtx.html