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

针对特定分辨率的CSS媒体查询,css,media-queries,screen-resolution,Css,Media Queries,Screen Resolution,我有一个疯狂的网络应用程序,有各种各样的动态宽度和高度以及垂直居中的东西。除了1366x768和1280x800之外,它在几乎所有分辨率上都非常出色。我知道如何用CSS规则覆盖来修复它。我只想针对这些特定的分辨率(这意味着我不想针对最小宽度为1280、最大宽度为1280的1280x1024)。请不要对我讲最佳实践之类的东西,我需要一个快速而肮脏的答案 我该怎么做?令人惊讶的是,谷歌没有给我任何好的结果。你可以使用: @media screen and (min-width: 1280px) an

我有一个疯狂的网络应用程序,有各种各样的动态宽度和高度以及垂直居中的东西。除了1366x768和1280x800之外,它在几乎所有分辨率上都非常出色。我知道如何用CSS规则覆盖来修复它。我只想针对这些特定的分辨率(这意味着我不想针对最小宽度为1280、最大宽度为1280的1280x1024)。请不要对我讲最佳实践之类的东西,我需要一个快速而肮脏的答案

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

你可以使用:

@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 */
但是,如果您现在就花时间重构,从长远来看,您可能会做得更好—以后似乎永远不会出现这种情况。

尝试以下方法:

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

这正是我尝试过的,但由于某些原因它不起作用。这甚至是我样式表中的最后一条CSS规则,我加入了一个!对于良好的测量非常重要。显然,最小高度适用于windows innerHeight,而不是分辨率的高度值。所以,对于选项卡、地址栏、状态栏、工具栏等,我最终选择了最小高度:680px和最大高度:800px。不过,感谢您的指导。您好,先生,我面临一个问题,我的前辈的屏幕是1366x768,因为他们有很多空白,但从我的角度来看,我删除了所有的空白。我如何在媒体查询中针对这个特定的大小