我正在开发一个网络应用程序,它在浏览器中工作得很好,并且在将它保存到主屏幕时,在android和ios上。但是,当它作为一个实际的应用程序下载时,身体上的%高度在android上不起作用(如果我将其设置为像素值,则可以正常工作)。我也有一些使用视口高度的元素,这也不起作用,这很奇怪,因为对视口单元有很好的支持。就像视口没有高度一样。
它非常基本的东西:
HTML:
<body>
<div class="container">
<div class="some-element"></div>
<div class="some-element"></div>
</div>
</body>
CSS:
body, html { height: 100%; }
.container { height: 100%; }
.some-element { height: 50vh; }
它可以与作为应用程序安装时使用的“shell”(我没有参与其中)有关吗?
答案 0 :(得分:0)
vh
单位对Android设备的支持非常差,所以除非你使用android 4.4+,否则你很幸运。
您可以在http://caniuse.com/#feat=viewport-units
查看vh
unis支持
老实说虽然vh
和vw
单位很棒,但我仍然避免使用它们,因为Android的支持很差。
作为问题的解决方案,请尝试使用div
样式作为表格并使用height:50%
获得相同的结果。如果您需要任何其他支持,请更新您的相关代码,我(或其他人)将帮助您。