移动端基本概念

1. 物理像素
物理像素是手机的分辨率,在同一个手机上,物理像素是出厂就设置好的,如iPhone6的物理像素是750*1334
2. 逻辑像素
逻辑像素是手机的逻辑分辨率,包括css像素
3. 设备像素比
物理像素/逻辑像素=DPR
4. viewpoint概念
用于设置页面宽度;
width=device-width,此时页面的宽度恰好等于设备的浏览器宽度
width=640,此时页面的宽度大于设备浏览器宽度,会出现横向滚动条
initial-scale:页面的初始缩放值,1不进行缩放,0.5放大两倍

    原文作者:liweirong
    原文地址: https://segmentfault.com/a/1190000019623091
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞