Html H2标签上的相同字体大小在网站上看起来不同
我有Html H2标签上的相同字体大小在网站上看起来不同,html,css,twitter-bootstrap,fonts,font-size,Html,Css,Twitter Bootstrap,Fonts,Font Size,我有h2,字体大小1.3em,它在不同的地方以不同的大小出现 h2中的一个位于: <div class="col col-lg-4"></div> 另一个是: <div class="col-md-6 col-sm-12"></div> 但两者都在同一页上。为什么它看起来不一样 正文字体大小为24pxem表示元素的计算字体大小 如果在font size属性本身上使用,它表示元素的继承字体大小,因此它可以根据其父级上设置的字体而变化
h2
,字体大小1.3em
,它在不同的地方以不同的大小出现
h2
中的一个位于:
<div class="col col-lg-4"></div>
另一个是:
<div class="col-md-6 col-sm-12"></div>
但两者都在同一页上。为什么它看起来不一样
正文字体大小为
24px
em
表示元素的计算字体大小
如果在font size属性本身上使用,它表示元素的继承字体大小,因此它可以根据其父级上设置的字体而变化
改为使用rem
,因为它将基于根元素
rem
或rootem
是文档根元素的字体大小。不像
每个元素的em
可能不同,rem
始终保持不变
文件1rem
等于html元素的字体大小(大多数情况下
浏览器的默认值为16px
)em
使用设置的字体从最近的父级获取其大小。使用rem
,它将基于主体的字体大小。成功了。。!!你能告诉我我的答案中缺少什么吗?这样我可以调整,你可以接受。