ReG*_*OSS 6 html css height android viewport
我正在开发一个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"(我没有参与其中)有关吗？
vh单位对 Android 设备的支持非常差，因此除非您使用 Android 4.4+，否则您很不幸。
您可以在http://caniuse.com/#feat=viewport-unitsvh检查unis 支持
说实话，虽然vh和vw单位很棒，但我仍然避免使用它们，因为 Android 的支持很差。
作为问题的解决方案，请尝试使用样式div作为表格并使用height:50%以获得相同的结果。如果您需要任何额外的支持，请更新您的相关代码，我（或其他人）将为您提供帮助。
| 归档时间： |
|
| 查看次数： |
770 次 |
| 最近记录： |