身高：<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%來獲得相同的結果。 如果您需要任何其他支持，請更新您的相關代碼，我（或其他人）將幫助您。

身高：<body> 100％無法在Android網絡應用中運行？

問題描述

1 個解決方案

解決方案1
0 2017-03-26 19:28:16

身高：<body> 100％無法在Android網絡應用中運行？

問題描述

1 個解決方案

解決方案1 0 2017-03-26 19:28:16

解決方案1
0 2017-03-26 19:28:16