基本字体大小由浏览器中用户预定义的首选项确定.
几乎在每个浏览器中,16px都是比例字体的标准.这也可以根据字体是否使用衬线或是固定宽度字体而改变.
在大多数项目中,我通常将html元素预设为使用px值而不是%或em / rem值,以确保所有浏览器,屏幕和设备具有相同的字体大小并且页面上的元素保持相同大小和比例.
请记住,使用em使用父字体大小并与其成比例,而rem使用根html元素
例如:
html {
font-size: 16px;
}
h1 {
font-size: 2em; // 32px
}
p {
font-size: 1em; // 16px
}
.someClass {
font-size: .75em; // 12px
}
.someClass p {
font-size: 2em; // 24px
}
.someClass p .test {
font-size: 1.25rem; // 20px
}
2em Title Text
Normal Element Text
someClass font size
SomeClass with em
someClass p element with class test