当页面的内容不足以使用滚动时,自适应的高度无法撑满屏幕。但需求是:兼容各种机型的移动端。
bug:
页面最外层的容器长度无法随意设置值,但要达到所有机型都是撑满的状态。
第一种方法:
在生命周期componentDidMount()页面第一次渲染后,修改dom结点,(容易造成重绘,影响性能)。
document.body.style.backgroundColor = 'rgb(12, 70, 209, 1)';
第二种方法:
在css样式中,给外层div设置属性:
position:fixed(绝对定位,以浏览器宽口定位)
.AdPage {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
padding: 0;
border: 0;
background-color: rgb(12, 70, 209, 1);
}