移动端尺寸问题

移动端尺寸问题

我们知道，前端页面的基本单位有px，rem，em，
px是PC页面常用的基本单位，相对的rem是移动端常用的基本单位；
而em适用于PC和移动端，他的计算方式是以父节点的宽度来定义自身em的长度，因为不利于精准计算，所以不常用。
今天要讲的是移动端里的rem

我猜大家遇到过这样一个问题：
我用测量工具量取的宽度是1rem ，可写到项目里，明显比原网页要窄很多。
这就是今天要讲的尺寸问题

像素(图像最小的不可被分割单元)
分辨率：720*1280表示横向可容纳750个像素，纵向可容纳1280个像素
ppi(pixcel per inch)每英寸包含的像素量
1英寸≈2.54cm
5.5.英寸屏幕☞的是对角线5.5英寸。
dpi(dot per inch)在手机上每英寸可容纳的点的大小
人的视网膜只能区分300像素以内的精确度，超过300像素看起来没什么区别。
ios中单位pt换算成像素后
iphone 5/6/7  1:2
iphone 5 6 7 plus 1:3
iphone x  1:3
常见的固定尺寸有哪些？
状态栏 20pt
导航栏 44pt
列表 44pt
底部 49pt
列表图标/分段器 29pt
常见间距
8 pt
15pt
常见的文字
标题 17pt
正常 13pt
最新 10pt

希望这些数据可以帮的到你，欢迎补充