媒體查詢最大寬度不起作用

Question

為了創建響應式網站，我在我的css文件中添加了媒體查詢。 如果我使用最小寬度的媒體查詢，它的工作正常。 當我將最大寬度添加到相同它不起作用。 我不知道為什么會這樣。

@media only screen and (min-device-width : 768px) {
    #top-links{
    width: 96%;
    padding: 0 2%;
 }
#top-links #simplemenu {
    margin-left: 2%;
 }
#top-login{
    margin-right: 2%;
 }
}

這很好。

      @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#top-links{
    width: 96%;
    padding: 0 2%;
}
#top-links #simplemenu {
    margin-left: 2%;
}
#top-login{
    margin-right: 2%;
}
}

 @media all and (min-device-width : 768px) and (max-device-width : 1024px) {

  }

我嘗試了兩者，但沒有用。有人幫了我。

Answer 1

你必須寫

min-width

我認為不是最小設備寬度。