首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用媒体查询控制屏幕分辨率?

如何使用媒体查询控制屏幕分辨率?
EN

Stack Overflow用户
提问于 2021-01-13 10:55:00
回答 1查看 58关注 0票数 0

在做html标记时,我遇到了以下问题:媒体查询是在可见的浏览器视口上触发的,而不是在浏览器窗口分辨率上触发的。Css媒体查询不包括浏览器面板和垂直滚动条。

我希望内容块适合用户的第一个屏幕上(最小宽度: 1366px)媒体查询。但是浏览器认为我只有1349x656的分辨率和媒体查询触发器(最小宽度: 1280px)。

那么,如果所有浏览器都有不同的面板和滚动条宽度,如何考虑可见的浏览器视区呢?

EN

回答 1

Stack Overflow用户

发布于 2021-01-13 11:13:54

您需要指定max-width。替换

@media screen and (min-width: 1024px)

宽度

@media screen and (min-width: 1024px) and (max-width: 1365.98px)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65700469

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档