以100％的高度div填充离子含量

Question

我正在使用离子，正在尝试用div填充整个离子含量。 在此div中，我想水平和垂直居中放置文本。

我已经取得了一些成就，但这似乎只在浏览器中有效，将APK上传到我的android设备后，它不再起作用。 我相信这是由于这一行（请参阅我制作的codepen ）：

height: calc(100vh - 120px);

我希望我可以使用其他东西来获得容器的完整高度。

Answer 1

我会尝试包括-webkit前缀。 calc()和视口单元均应在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;
}