我知道这个问题可能会引起混乱，但是我的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上搜索了一段时间以找到解决方案，但是我无法知道如何修复它。
感谢您的任何帮助！
对不起，我还不能发表评论，但是您是否尝试使用px而不是portrait / landscape设置@media query？
我很确定，正如您所说，您的问题是屏幕设备的大小，当打开钥匙堆时，作为用/高度的计算，它成为浏览器的视角的肖像...
i Asume在较大的屏幕上不会发生相同的情况。至少您可以给它一个机会，然后尝试澄清您的疑问:)