在1920 px X 1080 px的大屏幕上,标题背景图像将为header-bg-po2.jpg,对于小于1920 px X 1080 px的小屏幕,标题背景图像将为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;
}
}
它在我测试过的所有响应跳棋上都能正常工作,但在真实的中不行。当我在现实中使用大屏幕桌面(1920 px X 1080 px)检查时,它显示header-bg-po.jpg,但不显示header-bg-po2.jpg。为什么?这里有什么问题?
甚至,如果我给出最小高度:979 px或小于979 px。请参阅第http://live.technosway.com/html/1023/jios-comingsoon/003/job-product-owner.html页和响应检查程序|1920| 1080| 1
如果它有这样的问题,那么我担心如果所有其他媒体查询手机将不会也这样工作...?我不能检查所有的屏幕尺寸在真实的中。
请引导我..
- 谢谢-谢谢
1条答案
按热度按时间f87krz0w1#
你解决了这个问题吗?我在Chrome浏览器中试过了,它很好用。