媒体查询两个决议-Java 学习之路

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

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

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

然后显示div .

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

例如：@media screen（max-width：1023px）和（max-height：639px）和（min-width：1440px）和（max-height：899px）

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

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

1 回答

I'm using the following:

/* ----------- 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">

调整高度，你应该设置 .

回复于 2024-05-10T19:07:09+08:00

媒体查询两个决议

1 回答

相关问题