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

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

我认为不是最小设备宽度。