@media只有屏幕分辨率高度问题

Question

我正在尝试对齐我网站主页页脚中的底栏。我想调整它，以便在常见的屏幕分辨率上看起来很好。

我对这些分辨率1280x960和1280x1024

有疑问

@media only screen and (max-width:1280px) and (max-height:960px){
    .tp-caption.black, .black {
        margin-top: 496px!important;
    }

然后在此之后使用此代码

@media only screen and (max-width:1280px) and (min-height:961px){
    .tp-caption.black, .black {
        margin-top: 464px!important;
    }

问题是它对两种分辨率都使用相同的css。 1280x960媒体查询

也适用于1280x1024分辨率。

它在浏览器中显示第二个媒体查询css代码，但忽略它并执行

以上查询。

我想设置两种分辨率的余量，高度为960＆amp; 1024。

有人可以解释一下如何解决这个问题吗？

Answer 1

在小提琴中试过同样的事情，这很好。 jsfiddle.net/5wx9qqyq/3 /

一个可能的原因可能是，缺少关闭括号 @media only screen and（max-width：1280px）and（max-height：960px）{}

请验证。