手机端用rem单位默认字体设置为多大?有什么好的css手机端框架?
手机端用rem单位默认字体设置为多大?有什么好的css手机端框架?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
手机端用rem单位默认字体设置为多大?有什么好的css手机端框架?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(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