weex的像素px
来源：4-1 vue-router介绍
慕工程3899938
2018-06-05 17:57
请问在项目中使用px，正常情况下，height:48px;就是48px，但是在weex中，被转换成了0.64rem,那就是height:75;等价于1rem,那我以后想导航栏设置高度为height:50px;怎么解决，需要写算法吗，不懂，目测weex中的75px还没有正常情况下的48px大
写回答
关注
3回答
-
- 慕工程3899938
- 2018-06-08 13:07:51
改html的font-size是可以更改rem的比例数的，但是实测了一下，好像在weex中，就是以75px = 1rem 作为标准，改了这个基数就会影响其他东西，埃
-
- 慕工程3899938
- 2018-06-08 12:36:46
试了，没反应，还是75px转换为了1rem
-
- 葙咭仕
- 2018-06-06 10:50:47
rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。·我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：| px | rem | ------------------------ | 12 | 12/16 = .75 | | 14 | 14/16 = .875 | | 16 | 16/16 = 1 | | 18 | 18/16 = 1.125 | | 20 | 20/16 = 1.25 | | 24 | 24/16 = 1.5 | | 30 | 30/16 = 1.875 | | 36 | 36/16 = 2.25 | | 42 | 42/16 = 2.625 | | 48 | 48/16 = 3 | -------------------------
为了方便计算，时常将在
<html>元素中设置font-size值为62.5%:·相当于在<html>中设置font-size为10px，此时，上面示例中所示的值将会改变：| px | rem | ------------------------- | 12 | 12/10 = 1.2 | | 14 | 14/10 = 1.4 | | 16 | 16/10 = 1.6 | | 18 | 18/10 = 1.8 | | 20 | 20/10 = 2.0 | | 24 | 24/10 = 2.4 | | 30 | 30/10 = 3.0 | | 36 | 36/10 = 3.6 | | 42 | 42/10 = 4.2 | | 48 | 48/10 = 4.8 | -------------------------
Weex入门
基于weex前端开发框架的使用，开发出一个接近原生应用体验的案例。
30684 学习 · 43 问题
相似问题