2015-10-13 60 views
1

我正在使用离子,我试图用div填充整个离子含量。在这个div中,我想垂直居中文本水平&。填充100%高度的离子含量div

我已经实现了一些东西,但是这似乎只在浏览器中工作,只要我将APK上传到我的Android设备,它就不再工作了。我认为,这是由于这条线(请参阅我做了codepen):

height: calc(100vh - 120px);

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

回答

0

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

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

这似乎并没有工作。这就像设备忽略了这一行CSS。 (在codepen上重现,只需删除“高度”一行) – batmat

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