最小高度的媒体查询

Question

我想根据屏幕分辨率编写媒体查询。我的屏幕分辨率高度是 768。我为此编写了媒体查询：

 @media(min-height:768px) and (max-height:850px) {
   .video-contain{
     margin-top:110px;
    }
}

我上面的媒体查询不工作。margin-top 之前没有设置。我根据屏幕分辨率而不是浏览器高度编写了媒体查询。

原文由 user3386779 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

采用：

 @media screen and ( min-width: 850px ) and ( max-height: 768px )
{
   .video-contain{
     margin-top:110px;
    }
}

注意：始终使用 max-width 媒体查询以产生很好的效果。

原文由 Aditya Male 发布，翻译遵循 CC BY-SA 3.0 许可协议