css - 针对特定分辨率 CSS 媒体查询

Question

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

我怎样才能做到这一点？令人惊讶的是，谷歌并没有给我任何好的结果。

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

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

Answer 2

尝试这个：

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