有没有办法将 CSS 中的@media 分配给一个特定的分辨率？

Question

有没有办法通过@media 为一种特定的分辨率设置 CSS？不是从到 px，而是只针对一个特定的数字。这不起作用：

@media (min-width: 767px) and (max-width: 767px) {
    #sp-logo {width: 33.33333333%;}
}

这都不行：

@media (width: 767px) {
    #sp-logo {width: 33.33333333%;}
}

当我覆盖两个或更多像素时，它突然起作用了。但这不是我需要的。示例：

@media (min-width: 767px) and (max-width: 768px) {
    #sp-logo {width: 33.33333333%;}
}

感谢您的回答。

Answer 1

您的第一个代码片段可以很好地处理每隔一个像素数。它只是最大宽度为 767px 的错误。因此，如果您正好需要那个数字，技巧就是点数（几乎 768）：

@media (min-width: 767px) and (max-width: 767.9px) {
    #sp-logo {width: 33.33333333%;}
}