英寸、像素、手机分辨率

英寸:指的是对角线 每英寸为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
修改设计稿的宽度英寸、像素、手机分辨率_第1张图片
尺寸
设计稿的尺寸/100+rem
高:88px
写 0.88rem

你可能感兴趣的:(前端,ios)