Android ChromeでCSSの高さが乱れた

Question

私はウェブチャットアプリケーションを作っています。実際の使用を目的としたものではなく、トレーニングプロジェクトです。私はアンドロイドでCSSの高さのプロパティで困難を抱えています。私のアプリはデスクトップクロムで正常に動作しますが、アンドロイドの高さは同じで、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にもアップロードしました。面白いことは、私は一日中ワイドを心配していましたが、今は高さを固定できません。どんな助けでも大歓迎です。それは、Androidのためにそのクロームのように見える

Answer 1

は...いくつかの問題を抱えて水平にページできスクロールが、それはますスクロールもしそうであれば、垂直すぎです。回避策は次のコードとして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); 
    } 
} 

これはあなたを助けることを願っています。..