我有下面定义的媒体查询。当我在800x1280中查看它时，它使用移动CSS。当我在980x1280中查看时，它使用了纵向平板电脑CSS。看起来，对我来说，在800x1280，它应该使用肖像平板电脑CSS。知道为什么不呢？
仅供参考 - 我在Firefox浏览器中使用响应式设计视图对其进行测试。
<link rel="stylesheet" href="core.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" media="only screen and (min-width:680px) and (max-width:1024px) and (orientation:portrait)" href="tabletportrait.css" />
<link rel="stylesheet" media="only screen and (min-width:0px) and (max-width:679px)" href="smartphone.css" />