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

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

iphone4时代的尺寸是640×960，

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

IPhone6/7/8是750×1334，

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

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

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  */}