如何根据设计图设计rem比例_设计图宽度为1440px,手机单位怎么换算

作者：凡人多烦事01 | 2024-03-20 04:38:51

踩

设计图宽度为1440px,手机单位怎么换算

首先，为了计算方便，一般的话我们建议 1rem = 100px(设计稿px)，要换算这样的比例需要设置html对应的fontSize，计算规则如下：

屏幕的宽度 / 设计稿的宽度 * 基本宽度= fontSize

如果基本宽度是100，那么 1rem = 100px(设计稿px)
1

如果设计妹妹的设计稿宽度是 750px ,
那我们的开发就以iphone6/7/8为例，宽度是375，那么1rem=50px(设计稿px)，那么fontSize =
375/750×100 = 50px; 如果想让1rem=100px的话，那么 fonSize=100×375/750/2=100px

如果设计稿的宽度是640的话，那我们开发就以iphone5为例，宽带是320，那么fontSize = 320/640×100 =
50px; 如果想要1rem=100px的比例的话，与上面同理

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/270758