如何让谷歌浏览器Chrome 1rem 等于 10px
如何让谷歌浏览器Chrome 1rem 等于 10px,已解决
1人回复
最佳答案
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
提问者对于答案的评价:
无