rem是一个相对于根元素字体大小的单位,简单的说它就是一个相对单位。会根据设置的根元素字体大小而改变自身字体大小。rem可以实现强大的屏幕适配布局。
html{
font-size: 12px;//根元素字体大小为12px
}
p{
font-size: 2rem;//p元素的字体大小为24px
}
代码测试效果:
rem是一个相对于根元素字体大小的单位,简单的说它就是一个相对单位。会根据设置的根元素字体大小而改变自身字体大小。rem可以实现强大的屏幕适配布局。
html{
font-size: 12px;//根元素字体大小为12px
}
p{
font-size: 2rem;//p元素的字体大小为24px
}
代码测试效果: