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

时间:2013-01-09 16:57:59

标签: css media-queries screen-resolution

我有一个疯狂的网络应用程序,具有各种动态宽度和高度以及垂直居中的东西。除了1366x768和1280x800之外,几乎所有分辨率看起来都很棒。我知道如何使用一些CSS规则覆盖修复它。我想仅针对这些SPECIFIC分辨率(意味着我不希望以最小宽度为目标1280x1024:1280和最大宽度:1280)。请不要向我讲授最佳实践和内容,我需要一个快速而肮脏的答案。

我该怎么做?令人惊讶的是谷歌没有给我任何好的结果。

2 个答案:

答案 0 :(得分:3)

您可以使用:

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

但是,如果你现在花时间重构,你可能会做得更好 - 后来似乎永远不会到这里。

答案 1 :(得分:0)

试试这个:

prompt()