Question

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

如果宽度< 1024px和高度＆lt; 640像素

和最小宽度1440px和高度＆lt; 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">

调整高度，你应该设置。

媒体查询两个决议

1 个答案: