如何将媒体查询与屏幕分辨率挂钩?

我现在使用查询有一段时间了,根据它的类型(手机、笔记本电脑、平板电脑甚至普通屏幕)抓取了一些预加载的宽度等,我意识到它一直在使用最小宽度和最大宽度,而与高度无关?所以我把它改为最大宽度,最大高度,现在它似乎与不同的屏幕冲突。所以我把它改回最小宽度和最大宽度,但问题是一样的。

我完全不知道这些是如何使用的。我看了大量的教程和各种各样的东西,但我仍然不能正确理解。有人能帮我吗?

下面是我将两个冲突的查询放在一起,我猜测的原因是因为最大宽度相同?

我把一个改成了最大高度,但仍然不起作用,所以我真的不知道。

我要创建媒体查询的屏幕大小如下: 1280 x 768,为横向。我还想做:1280 x 720

屏幕1280 x 768的媒体查询:

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1280px) 
  and (orientation: landscape) 
{
/*css here*/
}

1280 x 720屏幕代码:

@media only screen 
  and (min-width: 720px) 
  and (max-width: 1280px) 
  and (orientation: landscape) 
{
/*css here*/
}

我尝试了什么?

@media only screen 
 and (max-height: 720px) 
 and (orientation: landscape) 
{
 /*Screen 1280 x 720*/
}



@media only screen 
and (max-width: 1280px) 
and (orientation: landscape) 
{
 /*Screen 1280 x 768*/
}

感谢所有帮助!谢谢