0
質問が混乱を招くかもしれないことは知っていますが、私はCSS @media queries、特に画面の向きに問題があります。なぜGoogle ChromeがCSS @ media-queriesに影響を与えているのですか？
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
、画面が縦長あるとき要素のスタイルを変更し、簡単なCSS @media queries：：だから問題
@media screen and (orientation: portrait) {
#login_container {
width: 60%;
}
}
私は私のページの<head>でこれを持っています<input type="text">、[]がAndroidデバイスでのみ私に起こっています]を押して、キーボードを開いてそれを書き込むとブラウザは私の画面をランドスケープとして認識しますので、CSS @media queriesは、ランドスケープ画面のスタイルを適用しています。
しかし、すべての奇妙なことは、<input>がtype="text"またはtype="password"の場合にのみ発生します。そうでない場合、問題は発生しません。
キーボードを開いたときにブラウザーウィンドウのサイズが他のサイズに変更され、ウィンドウ幅がウィンドウの高さよりも大きいため、（一部のデバイスでは）ランドスケープとして認識されるため、
解決策を見つけるためにGoogleでしばらく検索していましたが、修正方法を知ることができません。
ありがとうございました！