移动开发之设计稿转换页面单位尺寸

1. 设计稿的单位是什么，一般大小是什么？

2. 页面长度单位用什么，px、em、rem，还是混合，如果用rem，html的font-size是多少？

3. 设计稿转换成页面长度的方法？

4. 如果做媒体查询，合适的区间是什么？

PS：他们都已设置viewport

1. 设计稿的单位是px，一般是750px。

2. px、rem混合着用，rem的html font-size用16px。

3. 750px的设计图以375px量长宽，例如设计图里有元素宽度是100px，那么得到宽度会是 100px/2/16px = 3.125rem。

4. 根据设备宽度不同，设置不同的html 的font-size，这个区间并没说明。