Question

我正在开发一个网络应用程序，它在浏览器中工作得很好，并且在将它保存到主屏幕时，在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%获得相同的结果。如果您需要任何其他支持，请更新您的相关代码，我（或其他人）将帮助您。

身高：100％在Android网络应用中不起作用？

1 个答案: