针对特定分辨率的 CSS 媒体查询 [重复]答案

【问题标题】：Targeting Specific Resolution CSS Media Query [duplicate]针对特定分辨率的 CSS 媒体查询 [重复]
【发布时间】：2017-09-20 15:35:59
【问题描述】：

我正在开发一个疯狂的网络应用程序，其中包含各种动态宽度和高度以及垂直居中的内容。除了 1366x768 和 1280x800 之外，它几乎在所有分辨率下看起来都很棒。我知道如何使用一些 CSS 规则覆盖来修复它。我只想定位这些特定的分辨率（这意味着我不想定位 1280x1024 的最小宽度：1280 和最大宽度：1280）。请不要告诉我最佳实践和东西，我需要一个快速而肮脏的答案。

我该怎么做？令人惊讶的是，Google 并没有给我任何好的结果。

【问题讨论】：

标签： css media-queries screen-resolution

【解决方案1】：

你可以使用：

@media screen and (min-width: 1280px) and (max-width: 1280px)
              and (min-height: 800px) and (max-height: 800px) {
    /* Crazy CSS overrides here */
}
/* Second variant left as an exercise for the reader */

但是，如果您现在花时间重构，从长远来看，您可能会做得更好 - 以后似乎永远不会到达这里。

【讨论】：

这正是我尝试过的，但由于某种原因它不起作用。这甚至是我在样式表中的最后一条 CSS 规则，并且我添加了一个 !important 以取得良好的效果。
显然 min-height 适用于 windows innerHeight，而不是分辨率的高度值。因此，对于选项卡、地址栏、状态栏、工具栏等，我最终选择了最小高度：680 像素和最大高度：800 像素。不过，感谢您的指导。

【解决方案2】：

试试这个：

@media screen and (max-width: 1280px) and (max-height: 800px)
{
/*write CSS here*/
}

【讨论】：

嗨，先生，我面临一个问题，我的上级屏幕是 1366x768，因为他们有很多空格，但从我这边我删除了所有空格，如何在媒体查询中定位这个特定大小跨度>