为什么`max-width`有时候是独占的？

Question

我正在尝试使用max-width媒体查询创建自适应布局。我希望在屏幕宽度为div时设置< 1280px的样式，因此我使用max-width: 1279px。但是，将屏幕宽度设置为精确1279px样式时将不适用。更重要的是，如果我使用max-width: 1280px，则会在1280px宽度处应用。

这是带有简化版本的codepen：https://codepen.io/anon/pen/LeBKGO

@media (max-width: 1280px) {
    .a { background: red; }
}
@media (max-width: 1279px) {
    .b { background: red; }
}

<div class='a'>
  should be red at &le;1280
</div>
<div class='b'>
  should be red at &le;1279
</div>

Answer 1

原来我有windows 10设置可以将所有内容扩展到125％。删除它修复了问题