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

Question

我有一个疯狂的网络应用程序，有各种动态宽度和高度以及垂直居中的东西。除了 1366x768 和 1280x800 之外，它在几乎所有分辨率下看起来都很棒。我知道如何使用一些 CSS 规则覆盖来修复它。我只想针对这些特定分辨率（这意味着我不想针对 1280x1024 的 min-width: 1280 和 max-width: 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 */

然而，从长远来看，如果你现在花时间重构，你可能会做得更好——以后似乎永远不会实现这一点。