Android 绝对元素在纵向模式下不响应手机

我有一个绝对DIV，它位于页面顶部。我使它具有响应性，所以在较小的设备上它会变得更小，而且它似乎可以工作（在笔记本电脑上和手机上的横向模式），除了在手机上的纵向模式（我在iPhone和三星手机上进行了测试）。我不知道会是什么。它似乎没有听@media查询，只有在@media查询之外更改实际div的宽度和高度时，它才会变小

您可以在这里看到div：（左上角的徽标）

CSS：（我正在使用骨架）

HTML:

---

提前向任何能提供帮助的人表示感谢

据我所知，您没有为小于400px的设备设置任何

@media

。您的所有

@媒体

查询都会显示

最小宽度

，因此适用于大于宽度的设备。因此，它在小于400px的设备的主

.logo

定义中使用标准值

width:10em

因此，一种选择是简单地将主要定义更改为小于10em的值，例如3em：

.logo {
  position: absolute;
  margin-top: 0;
  margin-left: 50px;
  width: 3em;
  height: 3em;
  …
}

---

太谢谢你了，哈哈，真不敢相信我居然没看到！我改变了它，它现在显然可以工作了！谢谢

<div class="logo">
  <img src="images/logo.png" />
</div>

.logo {
  position: absolute;
  margin-top: 0;
  margin-left: 50px;
  width: 3em;
  height: 3em;
  …
}