英寸、像素、手机分辨率

英寸：指的是对角线 每英寸为2.54cm 例5.5英寸
像素：图像最小的不可分割单元
分辨率：
（1）720x1280
（2） 750x1334 横向容纳750个像素点 纵向容纳1334个像素点
ppi:pixcel per inch 像素每英尺
每英寸像素点的数量：电子设备72 打印小文件300 宣传板1500-200
dpi:在手机上上每英寸容纳的点的大小 dot per inch
视网膜屏：Retina 屏 dpi (dot per inch) 超过300的屏幕

ios: 单位pt点：
换算像素：px :iphone 5/6/7 为：1:2
iphone 5/6/7 plus 为：1:3
iphone x 1:3
常见尺寸：状态栏20pt 导航栏44pt 列表44pt 底部49pt 列表图标、分段器 29pt switch w51 h31 r28
常见间距：8pt 15pt
常见的文字：标题17pt 正常13pt 最新10pt
前端如何来运用尺寸：
设计师的设计稿：750-1334 2倍
720-1280 2倍
1242-2208 3倍
1080-1920 3倍
从网上获得
尺寸安排方式：
1.
2.如果以像素单位
1）设计稿子尺寸/倍数
（1）设计稿：88px ,写height:44px @2倍
（2）设计稿：60px，写height：20px @3倍
以rem为单位 flexable.min.js
修改设计稿的宽度
尺寸
设计稿的尺寸/100+rem
高：88px
写 0.88rem

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！