最小高度的媒体查询 [英] media query for min-height

问题描述

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

I want to write media query based on screen resolution. My screen resolution height is 768. I wrote media query for this as:

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

我上面的媒体查询无法正常工作.margin-top之前没有设置.我写的是基于屏幕分辨率而不是浏览器高度的媒体查询.

My above media query is not working.margin-top is not set before. I wrote media query based for screen resolution but not browser height.

推荐答案

使用:

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

注意:始终使用最大宽度的媒体查询效果很好.

NOTE: Always use max-width media queries to great effect.

这篇关于最小高度的媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！