要设置全局字体大小,可以通过以下几种方式实现:
html
选择器设置全局字体大小:html {
font-size: 16px;
}
这将使整个页面上的字体大小都为16像素。
body
选择器设置全局字体大小:body {
font-size: 16px;
}
这将使整个页面上的字体大小都为16像素,但在某些情况下,如果有其他元素已经有特定的字体大小设置,body
选择器可能无法覆盖这些设置。
rem
单位设置全局字体大小:html {
font-size: 16px;
}
body {
font-size: 1rem;
}
这种方式将基于根元素的字体大小进行相对的设置,可以更好地适应不同设备和屏幕尺寸。
em
单位设置全局字体大小:html {
font-size: 16px;
}
body {
font-size: 1em;
}
与rem
单位类似,em
单位也是相对于父元素的字体大小进行设置。
这些方法可以放在CSS文件的开头,或者在HTML文件的<style>
标签中进行设置,以确保全局字体大小的一致性。