javascript - 使用 100% 高度 div 填充 ion-content

Question

我正在使用 ionic 并尝试用 div 填充整个 ionic 内容。在此 div 中，我想将文本水平和垂直居中。

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

高度:calc(100vh - 120px);

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

Answer 1

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

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