0
我知道这个问题可能会引起混淆，但我的问题是我的CSS @media queries，特别是屏幕方向。为什么Google Chrome会影响我的CSS @ media-queries？
我有这个在我的网页<head>：
<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%;
}
}
所以问题是当我按下一个<input type="text">，[这只发生在我的Android设备上]，当键盘打开写入它，浏览器会将我的屏幕识别为风景，所以我的CSS @media queries正在为风景屏幕应用样式。
但是奇怪的是，它只发生在<input>是type="text"或type="password"，如果没有，问题不会发生。
我想这是因为当键盘打开时，它将浏览器窗口调整为其他大小，（在某些设备上）被识别为横向，因为窗口宽度大于窗口高度。
我一直在Google上寻找解决方案，但我无法知道如何解决它。
感谢您的帮助！