关于设计稿的疑问

来源：6-6 rem案例：网易移动端头部实现

慕莱坞0998854

2021-11-18

老师你好，有个问题想请教一下。
实际工作中一般都是iphone6的设计稿嘛？假如给的是iphone6 plus这样的，那么此时我们需要设置1rem是为 100 * 100 / 414 vw对吧。还有现实工作中，前端经常在ps中去量取尺寸嘛？使用蓝湖的情况是否会多一点？

写回答

1回答

西门老舅

2021-11-18

你好，先回答一下设计稿的问题。

iphone6 plus -> 414px ，等价于100vw，所以1vw就是4.14px，所以如果想设置html的font-size: 100px，就需要设置：100 / 4.14，即： html{ font-size: 24.15458vw; }

这样在iphone6 plus下，1rem 等价于 100px，那么在iphone6 plus设计稿中量取出200px的大小后，只需要设置2rem即可。当然也可以通过蓝湖直接测量出rem，这样就不用px转rem换算了。

第二个问题，蓝湖适合多人协作，适合企业级开发，尤其是团队中有UI设计师的。而PS往往可以帮我们处理非源文件的图片，即：jpg、png等，可作为辅助软件看待。

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1