媒体查询两个决议

Question

我正在搜索如果他/她的屏幕分辨率如下所示,隐藏部分显示给用户:

如果宽度<1024px且高度<640px

和最小宽度1440px和高度<900px

然后显示div.

我一直在努力与最小宽度,最大高度,但没有运气.

例如:@media screen(max-width:1023px)和(max-height:639px)和(min-width:1440px)和(max-height:899px)

但是,当我构建它时,它无法正常工作.

关于如何实现这一点的任何想法？

Answer 1

我正在使用以下内容:

/* ----------- 0 - 450px ----------- */
@media screen 
  and (max-width: 450px){
}

/* ----------- 450 - 650px ----------- */
@media screen 
  and (min-width: 451px) 
  and (max-width: 650px){
}

/* ----------- 650px - 950px ----------- */
@media screen 
  and (min-width: 651px)
  and (max-width: 950px){
}

/* ----------- 950px - 1200px ----------- */
@media screen 
  and (min-width: 951px) 
  and (max-width: 1200px){
}

/* ----------- 1200px + ----------- */
@media screen 
  and (min-width: 1201px){
}

如果你在HTML中使用它,那就像黄金一样好用:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

调整高度,你应该设置.