css - 如何使用媒体查询控制屏幕分辨率？

Question

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

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

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

标签： cssmedia-queries

Answer 1

您需要指定max-width. 代替

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

宽度

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