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