分享编程~
 
为什么UI移动端设计稿是750

通俗易懂的原因就是手机屏幕的发展演变和目前主流屏幕尺寸的应用和信息展示导致的

天天特卖抢好货

目前主流750像素,老式375像素,640像素。

iphone4时代的尺寸是640×960,

iphone5/5S/5C是640×1136 ,

IPhone6/7/8是750×1334,

后续包括安卓机都开始基于750,目前已经是行业默认标准。

根本原因这就牵扯到物理像素px、设备独立像素逻辑像素pt,pt和px的关系就是—— 1pt 里面有几个像素点 看下图:

为什么UI移动端设计稿是750

iphone6/7/8  pt,px两倍关系,通俗易懂点就是:

第一点:手机像素

手机像素是逻辑像素也就是pt,1pt等于2px

第二点:物理像素

设计稿普遍给的都是物理像素,也就是px

第三点:为什么不给pt像素呢

因为css像素普遍使用率最高就是px像素,苹果手机屏幕为二倍高清屏,显示更为清晰

第四点:为什么没有比750还大的设计稿呢

因为人类的视觉分辨最大就是750,给在大的设计稿在手机上你也看不出区别,750是人类最为舒适的,

第五点:手机屏幕为375要给750的设计稿

因为给俩倍的设计稿显示会更为清晰,超过俩倍人类在手机视觉上也看不出区别,给三倍就已经超过人类视觉的极限了,

还一个就是移动端做适配的时候用rem相对单位好换算

比如手机适配时rem(相对单位)

body {font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}

h1 {font-size: 2.4rem; /*2.4rem × 10 = 24px */}

p {font-size: 1.4rem; /*1.4rem × 10 = 14px */}

li {font-size: 1.4rem; /*1.4rem × 10 = 14px  */}


上一篇:memcached服务在windows下安装下一篇:SVN提交项目时提示 run 'svn cleanup' to remove locks 文件锁定解决方法
赞(0) 踩(0)
您说多少就多少,您的支持是我最大的动力
赏金
微 信
赏金
支付宝
本文连接: https://www.yj521.com/article/202.html
版权声明: 本文为原创文章,版权归《越加网》所有,分享转载请注明出处!