移动端字体适配设置

750px 是 iPhone6 的物理像素，即屏幕分辨率;
移动端 UI 设计稿是按照 iPhone6 设备的物理像素所给;
通过动态的获取设备独立像素，然后除以设计稿的宽度，然后设置 rem，来动态自适应字体大小;
为什么要乘100，放大一些，便于计算，只需要将设计稿量出来的 px, 小数点向左移2位，即可转换成 rem;

 iOS的字体：

中文字体：苹方 / PingFang SC

英文、数字：Helvetial

常用尺寸：750x1334 px 

 Andioid的字体：

中文字体：思源黑体 / Noto Sans Han

英文、数字：Roboto

常用尺寸：720x1280 px
IOS

1iPhone界面尺寸

2Andriod

设计稿尺寸为750 1340，移动端rem自适应方案一般分2种
一、网易做法
整个屏幕为75rem，1rem=100px

二、淘宝做法
整个屏幕为10rem，1rem=75px

当然也可以转化为px : rem = 100 : 1。 如果想转化为px : rem = 100 : 1，可以修改上面的refreshRem函数：

三、px : rem = 100 : 1的媒体查询写法

我一般出app设计稿的尺寸都是做的750px1280px

然而手机大多的屏幕宽度都在300

所以前端一般把设计稿的标注尺寸除以2来布局就行

如果是除以3，那么可能ui的设计稿做宽1000的尺寸才行

没有什么必要

美图秀秀750750尺寸怎么修改，首先下载并打开手机上的美图秀秀，点击美图秀秀首页的“美化”功能
然后选择一张想要修改尺寸的，点击下方的“制作壁纸”，进入修改页面
再选择下方的“编辑”功能，进入编辑页面
在编辑页面中，可以通过拖动图中方框的边框来只有修改的尺寸，或者通过选择下方的固定格式来修改尺寸
修改完成后，可以看到修改后的尺寸相比与原始的已经发生了很大变化，最后点击右上角的“√”，即可成功保存修改尺寸后的

1、 像素（pixel）

2、 物理尺寸

3、 Pixels Per Inch（PPI） ：每英寸所拥有的像素数目，PPI越高，画面细节越丰富

4、 Dots Per Inch（DPI） ：打印分辨率（每英寸所能打印的点数，即打印精度）           

5、 dip（dp） ：设备独立像素（device independent pixels），不同设备有不同的显示效果，这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA推荐使用这个，不依赖像素。在160dpi的显示器上 1dp=1px  安卓

6、 sp ：放大像素（scaled pixels），主要用于字体显示best for textsize 安卓

7、 pt ：磅数（point），ios设备开发使用的单位，也是标准长度单位。1pt=1/72英寸 ios

在ios中：retina屏幕中 1pt=2px  ；非retina屏幕中 1pt=1px

在安卓中：单位为dp或sp  ；在160dpi的屏幕上 1dp=1px  ；在320dpi左右的屏幕上 1dp=2px

所以， 两大平台，标注统一用设计稿中的pt或者px即可 。

iPhone屏幕分辨率和适配规则（基础篇）

1、根据 *** 作平台选择

2、选择市面上主流的手机分辨率

3、选择自己手头有的机型

4、选择便于缩小或者放大比例的画布/手机尺寸

5、根据自己的工作设备（显示器分辨率）

6、根据自己使用的软件

对于ios，能上能下的尺寸最合适。推荐选择 750宽 作为画布尺寸的宽度。

在Sketch中，推荐使用 一倍基准尺寸 来做设计。

1、根据原型或者交互稿设计UI界面

2、在手机上预览设计稿

3、设计稿的沟通修改和确认环节

4、根据设计稿输出高保真原型（可选）

5、设计稿的标注

6、切图

7、开发完成后的视觉走查

---