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

来源:4-2 px,em,rem

liufanfrank

2016-06-27

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

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

但是字体设置是1.2rem,字体大小还是12px这是怎么回事http://szimg.mukewang.com/5770f6d500019a9704850049.jpg

写回答

3回答

姜维

2016-06-30

要消除这个bug,可以有几种方式:

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

2、针对Chrome使用hack

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

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

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

1
2
我醒着做梦1
请问老师hack如何使用
2016-08-21
共2条回复

姜维

2016-06-28

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

0
4
WebWhite
回复
liufanfrank
你可以试着设置html{font-size:625%} ,1rem = 100px;12px = 0.12rem; 这样子
2016-07-01
共4条回复

qq_广漠一洲_03617014

2016-10-01

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

0
0

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程