css用rem布局,一开始窗口没有最大化时,怎么让他按最大化窗口的大小来计算rem?

html-css022

css用rem布局,一开始窗口没有最大化时,怎么让他按最大化窗口的大小来计算rem?,第1张

1. 可以使用onresize实时调整rem。窗口大小改变时,获取当前窗口大小,然后计算rem。

2. 如果是全屏的情况,可以直接获取screen的availWidth和availHeight这个屏幕的尺寸。

rem是一个相对单位,相对根元素字体大小的单位。我们只需要指定根元素为参考值,就可以了。主要用于屏幕适配布局,移动端使用比较广泛。使用这种方式,只要根据不同屏幕设置不同的根元素即可使系统适配不同的屏幕。

希望可以帮到你