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

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

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