我正在使用离子,我试图用div填充整个离子含量。在这个div中,我想垂直居中文本水平&。填充100%高度的离子含量div
我已经实现了一些东西,但是这似乎只在浏览器中工作,只要我将APK上传到我的Android设备,它就不再工作了。我认为,这是由于这条线(请参阅我做了codepen):
height: calc(100vh - 120px);
我希望我可以用别的东西来获取容器的整个高度。
我正在使用离子,我试图用div填充整个离子含量。在这个div中,我想垂直居中文本水平&。填充100%高度的离子含量div
我已经实现了一些东西,但是这似乎只在浏览器中工作,只要我将APK上传到我的Android设备,它就不再工作了。我认为,这是由于这条线(请参阅我做了codepen):
height: calc(100vh - 120px);
我希望我可以用别的东西来获取容器的整个高度。
我会尝试包括-webkit
前缀。 calc()
和视口单元都应该在Android中工作。
height: -webkit-calc(100vh - 120px);
height: calc(100vh - 120px);
好了,所以我已经找到了解决方案,我不知道为什么我没有发现,在我以前的搜索。所以我基本上使用:
myDiv {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
height: 10px;
text-align: center;
background-color:red;
}
这似乎并没有工作。这就像设备忽略了这一行CSS。 (在codepen上重现,只需删除“高度”一行) – batmat