手机端用rem单位默认字体设置为多大?有什么好的css手机端框架?

手机端用rem单位默认字体设置为多大?有什么好的css手机端框架?

阅读 10.6k
3 个回答

我用的规则
设计图分辨率为72
如果设计图宽度640,则基本字体大小为12px,该页面下的尺寸计算方式为'设计图上的尺寸/24',单位rem
如果设计图尺寸750,则基本字体大小为14px,计算方式 设计图尺寸/28,单位rem

rem 与 视觉稿的换算,一是要能尽量整除好算,而是要分割够细满足大多数需求,,通常16等分是一个好的选择,此时对于320px的屏来说,1rem为20px,对应640px视觉稿当中的40px,当然对于375px的屏来说仍然不是很好算,通常我们使用一个小函数来处理一下 1rem = 375 / 16 px,对应750px视觉稿里的 750 / 16 px。

1.用rem这个方式布局方式很多,
有的习惯以iphone6为标准尺寸进行对rem计算(如:手机淘宝),
有的习惯直接用当前屏幕宽度/效果图宽度*100来计算(如:手机网易),
有的甚至直接用css计算calc(100vw/750),都不用写js。ps:750是效果图宽度,这个暂时没发现有什么线上案例,这个也不兼容手机低版本的系统,比如安卓4.0以下的,现在基本可以忽略
这个暂时应该没一个标准,默认的说法,只是习惯而已。
2.关于手机css框架,你是想问有什么ui库吧!
1.Amaze UI

2.sui mobile

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏