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

 


版权声明:本文为qq_40610760原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。