目前主流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 */}