刪除元素時屏幕尺寸減小的wordpress

Question

我想當屏幕尺寸減小到完全從這個

http://beyondmyborder.com/destinations/

刪除我的地圖。

股利編號：

id="mapdiv" 

謝謝！

Answer 1

因此，要使用CSS執行特定操作，您需要媒體查詢。我建議你谷歌媒體查詢，以瞭解他們做什麼以及他們如何工作。下面我還有一個例子。媒體查詢基本上是在屏幕寬度與查詢匹配時執行的語句。例如，如果屏幕小於1200像素或979像素。

Media breakpoints not working on wordpress

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

} 

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

} 

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

} 

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

} 

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

} 

你的情況，你想在560像素的自定義媒體查詢：

@media only screen and (max-width : 560px) { 
    #mapdiv { 
     display: none; 
    } 
} 

這樣做什麼;當屏幕尺寸低於560px寬度。它會執行/覆蓋CSS。我們所說的是div與id：mapdiv添加css規則：display none（隱藏元素）。

要獲得mediaqueries /視工作，你還需要在你的頭中加入這一行：

<meta name="viewport" content="width=device-width, initial-scale=1.0">