媒体查询最大宽度不起作用

Question

要创建自适应网站，我将媒体查询添加到我的css文件中。如果我使用min-width的媒体查询，它的工作正常。当我添加最大宽度相同时它不起作用。我不知道为什么会这样。

@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

而不是min-device-width我认为。