移动端尺寸问题

移动端尺寸问题

我们知道,前端页面的基本单位有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

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

猜你喜欢

转载自blog.csdn.net/weixin_45820444/article/details/108525514