用100%高度的div填充ion-content

Question

我正在使用ionic，并试图用div填充整个离子内容。在这个div中，我想将文本水平居中&垂直.

我已经取得了一些成就，但这似乎只在浏览器内工作，一旦我将APK上传到我的安卓设备，它就不再工作了。我相信这是由于这一行(请参阅我所做的代码):

height: calc(100vh - 120px);

我希望我可以使用其他东西来获得容器的全部高度

Answer 1

我会尝试包括-webkit前缀。calc()和viewport单元都应该在Android中工作。

height: -webkit-calc(100vh - 120px);
height: calc(100vh - 120px);

Answer 2

好的，所以我已经找到了解决方案，我不知道为什么我没有发现，在我以前的搜索。所以我用的是:

myDiv {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 10px;
  text-align: center;
  background-color:red;
}

http://codepen.io/bokboki2002/pen/rVyMgE