将html, body的font-size设置为100%有什么用?
在很多库都会看到有人写这样的代码:
html,
body {
font-size: 100%; }
请问这样写有什么用呢? font-size为什么要用100%?
font-size用百分数, 是相对于父元素的font-size计算. 那么html的父元素又是多少呢?
另外, 为什么不用font-size: 1em;
它们之间有什么区别?
展开
收起
1
条回答
写回答
写回答
-
IT从业1.首先说一下你写的这段代码，这段代码是有效的，代表整个页面默认字体大小为16*2,16px字体大小是初始化时网页默认的大小，你的是200%，当然也是按照2倍计算的。
2.你说的html的父元素，这个可能有点问题，你想知道的应该是根元素document.documentElement的字体大小是多少对吧，我不说是多说，你自己运行一下就会一目了然window.getComputedStyle(document.documentElement,null)['fontSize']
3.字体的规定可以用百分数，px，em，rem或者其他的单位，看你想做什么样的页面了，固定尺寸的就用px就够了，但是如果要做响应式rem常用一些，兼容低版本自然会有相应的办法，如sass中的计算方式，或者通过js来改变根元素的大小。em相对于父元素来决定，而rem是根据html的字体大小来决定的。
2019-07-17 19:25:05赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
