如何在 IOS9 上使页面全高

Question

Rightblock 在移动设备上不是全高。在 bootsrap 中，我删除了响应功能，例如 col-md-* 替换为 col-xs-* 在 IOS8 设备上一切正常（通过 browserstack）。左侧块有 height:78vh。如何在 safari 浏览器中使其简单固定布局并禁用缩放

<div class="wrapcontent">

  <div class="container">
    <div class="row">
      <header id="header"></header>
    </div>
  </div>

  <div id="content" class="content clearfix">
    <div class="col-xs-12">
      <div class="flex-container ng-scope">
        <div class="col-xs-8 leftBlock">...</div>
        <div class="col-xs-4 rightBlock">...</div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <footer id="footer" class="footer clearfix"></footer>
    </div>
  </div>

</div>

.wrapContent {
  overflow: visible!important;
  height: auto!important;
  min-height: 100%;
  margin: 0 auto -71px;
  padding-bottom: 70px;
  background: #323742;
}
.header {
  overflow: visible;
  height: 189px;
}
.col-xs-12 {
  float: left;
}
.flex-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-right: -15px;
}
.leftBlock {
  min-height: 78vh;
  float: left;
}
.rightBlock {
  position: relative;
  z-index: 1;
  padding: 0;
  border-left: 1px solid #e5e9ec;
  background: #f6f6fa;
}

Answer 1

需要移除

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如何在 IOS9 上使页面全高

How to make page full height on IOS9

css

responsiveness