身高：<body> 100％无法在Android网络应用中运行？

Question

我正在开发一个Web应用程序，它在浏览器中工作得很好，并且在将它保存到主屏幕时，在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”（我没有参与其中）有关吗？

Answer 1

vh单位对Android设备的支持非常差，所以除非你使用android 4.4+，否则你很幸运。

您可以访问http://caniuse.com/#feat=viewport-units查看vh unis支持

说实话虽然vh和vw单位很棒，但我仍然避免使用它们，因为android的支持很差。

作为您的问题的解决方案，尝试使用div作为表格，并使用height:50%来获得相同的结果。 如果您需要任何其他支持，请更新您的相关代码，我（或其他人）将帮助您。