为什么即使在成功进行响应测试后，我的媒体查询也无法正常工作？

Question

在1920px X 1080px的大屏幕上，标题背景图片将为header-bg-po2.jpg，对于较小的屏幕，标题背景图片将为header-bg-po.jpg。

为了测试，我给了所有屏幕的通用css：

.jumbotron.job-header.po {
background: url(images/header-bg-po.jpg) no-repeat;
background-position: center;
background-color: #252f36;
margin-bottom: 20px;
background-size: cover;
}

和媒体查询：

@media (min-width: 1900px) and (min-height: 1060px) {
.jumbotron.job-header.po {
background: url(images/header-bg-po2.jpg) no-repeat;
}
}

它可以在我测试过的所有响应式检查器上正常工作，但不是真实的。当我使用大屏幕桌面（1920px X 1080px）进行实际检查时，它会显示header-bg-po.jpg，但不会显示header-bg-po2.jpg ..为什么？这有什么不对？

甚至，如果我给出最小高度：979px或小于979px，则有效。请参阅第http://live.technosway.com/html/1023/jios-comingsoon/003/job-product-owner.html页和响应式检查器http://responsivetest.net/#u=http://live.technosway.com/html/1023/jios-comingsoon/003/job-product-owner.html|1920|1080|1

如果遇到这样的问题，那么我担心如果手机的所有其他媒体查询都不会像这样工作..？我无法真实地检查所有屏幕尺寸。

请指导我..

感谢。

Answer 1

你解决了这个问题吗？我在Chrome浏览器中尝试过，它可以运行。