body-fix时，rem布局的横竖屏切换问题

场景：禁止蒙层底部页面跟随滚动

• overflow hidden，这个方案是pc端的不二选择，简单有效。移动端，效果不好或直接无效。

• 滑动事件，阻止默认行为，移动端的一般选择。 不过碰到弹层也有滚动条时，这种方案就行不通了

• 移动端，碰到第二种方案里面的特例时，我们就要考虑其他方案了：body fix，代码如下：

componentDidMount() {
  const rootEl = document.documentElement;
  const bodyEl = document.body;
  this.position = window.getComputedStyle(bodyEl).position;
  this.scrollTop = rootEl.scrollTop || bodyEl.scrollTop;
  bodyEl.style.position = 'fixed';
  bodyEl.style.top = -this.scrollTop + 'px';
}
componentWillUnmount() {
  document.body.style.position = this.position;
  document.body.style.top = '';
  window.scrollTo(0, this.scrollTop);
}

场景：Rem响应式布局

html { font-size: 62.5%; } /* font-size: 62.5% now means that 1.0 rem = 10px */
.container { background: #fff; font-family: arial; font-size: 1.4rem; line-height: 1.6rem; }

function setRem() {
  //...
}
setRem();
window.onresize = function() {
  setRem();
}

safari下的问题

暂时还没找到原因和解决方案（如有同学找到原因或方案，欢迎指教）。