美文网首页前端攻城狮
移动开发之设计稿转换页面单位尺寸

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

作者: 执著_7a69 | 来源:发表于2017-09-06 16:05 被阅读31次

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,这个区间并没说明。

相关文章

网友评论

    本文标题:移动开发之设计稿转换页面单位尺寸

    本文链接:https://www.haomeiwen.com/subject/wakvjxtx.html