在源代码中注册登录导航栏里面类名top的高度rem被换算成12px了

Question

在源代码中注册登录导航栏里面类名top的高度rem被换算成12px了

css里面设置的是3rem,页面当中被换算成36px了,

但是字体设置是1.2rem,字体大小还是12px这是怎么回事

Answer 1

姜维 2016-06-30 09:48:04

要消除这个bug，可以有几种方式：

1、把 html 的基准字体设置大一些，比如 font-size: 20px，这样按照20计算，1rem=20px，就没有这个问题了；

2、针对Chrome使用hack

3、在需要精确还原设计稿的地方使用px

暂时想到这些，如果哪位同学有好的方案，请补充~

注意：-webkit-text-size-ajust:none 属性在新版chrome下已经被弃用，所以不要使用 -webkit-text-size-ajust

• 提问者 liufanfrank #1

  非常感谢！

• 我醒着做梦1 #2

  请问老师hack如何使用

Answer 2

姜维 2016-06-28 13:09:48

中文版的Chrome浏览器，有这个bug，默认最小字符值12px

• 提问者 liufanfrank #1

  老师,我的意思是你全局设置的是html{font-size:62.5%}  设置的是62.5%. 是为了要1rem===10px, 但是你这个显示还是1rem===12px了

• 姜维 回复 提问者 liufanfrank #2

  是的，一些依赖于字体大小来计算的属性，会被按照12px计算，比如这里的line-height，因为中文版的Chrome浏览器，有这个bug，默认最小字符值12px。

• 提问者 liufanfrank 回复 姜维 #3

  那请问,这样的话就跟设计稿不好还原呢,有没有好的办法能消除这个bug呢?

点开查看后面1条评论

Answer 3

qq_广漠一洲_03617014 2016-10-01 10:20:34

设置font-size: 100px，好换算一点。