Question

我在这个项目上使用wordpress，这是我的php文件中的类代码行：

<div class="footer-banner">

这就是我试图隐藏移动设备但是没有工作，我真的不知道为什么：

@media screen and (max-width: 960px) {

div.footer-banner { display: none; }

}

Answer 1

尝试这样的事情。

如果您使用Boostrap，则可以在移动视图中使用boostrap类hidden-sm隐藏div。

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
  .footer-banner{display:none}
}

Answer 2

对于移动设备，您需要使用媒体查询，因为移动设备的宽度大约在320px到480px之间

@media screen and (max-width: 481px) {
.footer-banner { display: none; }
}

并删除其他媒体查询。

由于

Answer 3

您是否正确设置了HTML <head>中的元视口？

<meta name="viewport" content="width=device-width">