如何在移動設備的php中隱藏div內容？

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

對於移動設備，您需要使用媒體查詢，因為移動設備的寬度大約在320像素到480像素之間

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

並刪除其他媒體查詢。

謝謝

Answer 3

您是否已正確設置HTML <head>的元視口？

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