react 如何在不影响其他页面的情况下，修改当前页面的背景颜色

当页面的内容不足以使用滚动时，自适应的高度无法撑满屏幕。但需求是：兼容各种机型的移动端。

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);
}