作者:flyfish6300_468 | 来源:互联网 | 2023-02-10 23:41
我想根据屏幕分辨率编写媒体查询。我的屏幕分辨率高度是768。为此我写了以下媒体查询:
@media(min-height:768px) and (max-height:850px) {
.video-contain{
margin-top:110px;
}
}
我上面的媒体查询不起作用.margin-top之前没有设置。我写了基于屏幕分辨率而不是浏览器高度的媒体查询。
1> 小智..:
使用:
@media screen and ( min-width: 850px ) and ( max-height: 768px )
{
.video-contain{
margin-top:110px;
}
}
注意:始终使用最大宽度的媒体查询效果很好。