媒體查詢保證金失敗

到目前爲止，我的所有媒體查詢都很好，除了這一個。我有一個真正的iPad，我正在使用一個模擬器，以及我的客戶不喜歡他的標誌擱在屏幕邊緣，所以我試圖做的是要麼給它一點填充或邊緣（填充也沒有工作）。我認爲另一雙眼睛不會傷害 - 我在這裏錯過了什麼？媒體查詢保證金失敗

@media screen only and (min-width:768px) and (max-width: 1024px) { 
    .site-header .home-link { 
     margin: 0 20px!important; 
    } 
} 
.site-header .home-link { 
    background: url(http://client.savorweb.com/INWS/wp-content/uploads/2015/04/iwns-logo.png) left no-repeat; 
    color: #141412; 
    display: block; 
    margin: 0 auto; 
    max-width: 1024px; 
    min-height: 150px; 
    padding: 0px 5px 0px 10px; 
    text-decoration: none; 
    width: 100%; 
}

來源

2015-05-20 Beverly Lodge

向我們展示一個示例和/或屏幕截圖。 – ceejayoz

在測試服務器上：http://client.savorweb.com/INWS –

您的媒體查詢格式錯誤。它應該是：

@media only screen and (min-width:768px) and (max-width: 1024px)

重點只有屏幕而不是屏幕僅上。

來源

2015-05-20 19:38:58 Chad

LOL !!!謝謝！！！當然，這是有效的。 –

媒體查詢保證金失敗

回答

相關問題