android - CSS 高度在 Android chrome 中搞砸了

Question

我正在制作一个网络聊天应用程序。它不适合实际使用 - 只是一个培训元素。我在 android 中使用 css height 属性时遇到困难。我的应用程序在桌面 chrome 上表现正常，但在 android 上高度保持不变，不管我在 css 中输入什么值，它也阻止我向下滚动到页面底部。经过半小时的研究，我发现了这些主题:

https://github.com/angular/material/issues/6841 https://bugs.chromium.org/p/chromium/issues/detail?id=546034#c6

但是他们的解决方案都不适合我——我都试过了:将我的元素设置为:

display = fixed;

和定义:

min-height: 0;

正如建议的那样。一点作用都没有。如果有人愿意检查Git ？我也把它上传到firebase .有趣的是:我整天都在担心宽度，现在我无法固定高度。任何帮助将不胜感激。

Answer 1

看起来 Android 版 Chrome 有一些问题.. 所以如果页面可以水平滚动，它也会垂直滚动.

要解决此问题，请尝试使用 position:fixed 作为以下代码:

@media only screen and (max-width: 960px) and (orientation: portrait) {
    #wrapper {
        width:98%;
        margin-left:2%;
        position: fixed;
    }
}

您也可以添加这些代码来解决页面中的一些高度问题

#chat {
    height: calc(100% - 50px);
}

@media only screen and (max-width: 960px) and (orientation: portrait) {
    #chat-wrapper #chat-box {
        height: calc(100% - 90px);
    }
}

希望这对你有帮助..