英寸、像素、手机分辨率

英寸:指的是对角线 每英寸为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.<meta name="viewport" content="width=device-width,initial-scale=1.0">
2.如果以像素单位
1)设计稿子尺寸/倍数
(1)设计稿:88px ,写height:44px @2倍
(2)设计稿:60px,写height:20px @3倍
以rem为单位 flexable.min.js
修改设计稿的宽度在这里插入图片描述
尺寸
设计稿的尺寸/100+rem
高:88px
写 0.88rem

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值