css - 媒体查询关闭 1px

Question

我把它放在我的 CSS 中:

@media (max-width:767px) {
    .home #wrap {
    margin-top: 14px;
    }
}

所以我希望它在屏幕宽度为 767px 或更小时触发。但是，它不适用于 767px，仅适用于 766px 及以下。为什么关闭 1px？

更新:

这不是一个重复的问题。另一个线程中的提问者使用 768px 作为最小值和最大值，出于某种原因不明白为什么它们重叠。我使用 767 作为最大值，768 作为最小值，不明白为什么不应该有 1px 的差距。

看看 site如果你喜欢。

Answer 1

我发现如果我在 devtool 宽度框中逐个减小像素大小，然后控制台记录的 window.innerWidth，它会揭示可能是数学舍入问题。

DevBoxWidth | window.innerWidth
770px | 770px
**769px | 770px**
768px | 768px
767px | 767px
766px | 766px
**765px | 766px**
764px | 764px
763px | 763px
762px | 762px
**761px | 762px**
760px | 760px