Css 为什么“最大宽度”有时是排他性的？

我正在尝试使用

max width

media query创建响应性布局。我想在屏幕宽度为

<1280px

时设置我的

div

，因此我使用

最大宽度：1279px

。但是当将屏幕宽度设置为完全

1279px

时，样式将不适用。更重要的是，如果我使用

max width:1280px

，它们适用于

1280px

宽度

以下是简化版的codepen：

@介质（最大宽度：1280px）{
.a{背景：红色；}
}
@介质（最大宽度：1279px）{
.b{背景：红色；}
}

应为红色at&le；1280
应为红色at&le；1279

事实证明，我的windows 10设置可以将所有内容扩展到125%。删除它修复了问题

我得到了预期的行为：从小到大，第一行在屏幕点击1280时变白，第二行在屏幕点击1279时变白。这是在Firefox中。寻求代码帮助的问题必须包含在问题本身中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看。我也得到了预期的行为，而你没有在浏览器中放大或缩小？哦，我在windows 10中设置了将文本缩放到125%。将其设置为100%修复了该问题。非常感谢你，非常感谢你提到这一点，因为这个问题，我已经撞了好几个小时了。不知道这是一个可怕的Windows10缩放问题。谢谢