移动端尺寸问题

2020-09-22 10:12:41 浏览数 (1)

移动端尺寸问题

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

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

0 人点赞