通过浏览器调试可以这样设置样式:
html, body, #root {
height: 100%;
}
问题:这样设置可以实现占满屏的效果,但是会对全局的组件样式产生影响。
解决方案:
使用绝对定位的方式,如下:
.className {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
通过浏览器调试可以这样设置样式:
html, body, #root {
height: 100%;
}
问题:这样设置可以实现占满屏的效果,但是会对全局的组件样式产生影响。
解决方案:
使用绝对定位的方式,如下:
.className {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}