用100%高度div填充离子含量

时间:2015-10-13 15:54:41

标签: javascript css ionic-framework

我正在使用离子,我试图用div填充整个离子含量。在这个div中,我希望将文本水平居中。垂直。

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

height: calc(100vh - 120px);

我希望我可以使用别的东西来获得容器的整个高度。

2 个答案:

答案 0 :(得分:0)

我会尝试包含-webkit前缀。 calc()和视口单元都可以在Android中使用。

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

答案 1 :(得分:0)

好的,所以我找到了解决方案,我不知道为什么我在之前的搜索过程中没有找到它。所以我基本上使用它:

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