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