WordPress主題響應使用@media不工作

Question

我是新來的WordPress，我希望我正確解釋我的問題。

我正在使用創世紀主題與兒童主題和自定義代碼。兒童主題是響應我的自定義代碼組成的規則，如：

h1 { 
    font-size: 30px; 
    margin: 0 0 10px 240px; 
} 

.picture { 
    float: left; 
    margin-left: 110px; 
    margin-top: 65px; 
    margin-bottom: 30px; 
} 

要注意，我的大部分網頁的使用，而不是從子主題的那些自定義代碼類。我聽說我應該在自定義代碼中嘗試@media以使其響應。我測試它使用：

@media only screen and (max-width: 480px) { 
    #content { 
    max-width: 600px; 
    width: 66.7%; 
} 
#sidebar { 
    max-width: 300px; 
    width: 33.3%; 
} 
} 

但它沒有任何效果。任何評論都會有幫助。

在此先感謝！

Answer 1

你試過@media query這種方法嗎？

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
}