移动端尺寸问题

移动端尺寸问题

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

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