问答中心 > 电脑/网络 > 网络编程 > 如何让谷歌浏览器Chrome 1rem 等于 10px,已解决

如何让谷歌浏览器Chrome 1rem 等于 10px,已解决

1人回复
悬赏分:5 | 浏览次数:2325 | 提问者:duduyu 解决时间:2016-09-08 18:29

如何让谷歌浏览器Chrome 1rem 等于 10px

最佳答案

html设置为10px,1rem等于10px这是非谷歌浏览器的设置,
在谷歌浏览器字体最小为12px,当font-size小于12px时按12px计算;那么1rem不在等于10px,二是等于12px。
为避免这样的现象,将html的font-size设置为625%,相当于100px。

具体样式为:
html {font-size: 100px}
body {font-size: .14rem;}

这里直接将html font-size写成100px,有两个理由:一是为了避免浏览器的差异,导致625%的结果不一样;二是625%的结果等于100px干嘛不直接写出100px固定。

设置body 的字体大小是为了让子集继承默认大小,这点很重要不然就变100px了。

50% (3)
50% (3)
目前有 6 个人评价 | 回答时间:2016-09-08 18:25

回答者: ihong | 上尉 | 采纳率:21%

擅长领域: 广信之家 设计生活

参加的活动: 暂时没有参加的活动

提问者对于答案的评价:

我来回答这个问题

回答即可得2分,回答被采纳则获得悬赏分以及奖励20分。

duduyu 班长

注册时间: 0