css - 移动输入字段(文本字段)css 样式

Question

在我的登录页面中，我使用了@media only screen and (orientation: portrait)来检测移动 View 。我不想显示交叉签名区域 (class="sidebar")。当我第一次加载像图片 2 这样的页面时，这工作正常。但是，当我尝试在文本字段中输入内容时，一切都变得一团糟，如 图片 1(尽管我使用了 display: none<，但边栏类中的元素出现了。我只想显示登录页面 (class="container")。我的 CSS 演示如下...

@media only screen and (orientation: portrait){
  .sidebar {
    display: none;
  }
  .container {
    width: 100%;
  }
}

我该怎么做？

Answer 1

尽量不要使用 @media only screen and (orientation: portrait)尝试 @media only screen and (max-width:480px)看看是否可行