試圖在屏幕大小上隱藏div類

Question

我試圖讓一個元素隱藏在460px及以下。 我正試圖在標題頂部隱藏電話號碼&電子郵件。 info@locksmithsuppler.com（909）278-2644

我遇到了麻煩。感謝您的幫助。 http://www.superherodigital.com/locksmithsupplier/

我在這個地方的代碼，但它不工作

media="all" 
@media (max-width: 460px) 
#hide-none { 
display: none; 
} 

Answer 1

你需要有正確的語法和信息。

使用此功能，當您在移動設備上查看時，您需要確保您的元標記是正確的。

@media (max-width: 460px){ 
    #hide-none { 
     display: none; 
    } 
} 

您的查看端口對移動設備很重要。

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

Answer 2

你擁有的

@media 

查詢不正確。對於正確的語法是

@media (max-width: 460px){ 
    #hide-none { 
     display: none; 
    } 
} 

用花括號爲媒體查詢和獨立的大括號在查詢裏面的選擇。請參閱Cayce K的視口評論，這非常重要。