Css Chrome中的边框宽度不一致

渲染边框宽度为1px的长方体时，边框宽度不一致。这显然是由于浏览器缩放（我使用的是2160 x 1440监视器）。虽然我意识到“一个像素不是一个像素”的问题（由于缩放），但我仍然认为边框的宽度在框的所有侧面都应该是相同的，不是吗

这个问题发生在Chrome和IE上，但Firefox和Opera都能很好地处理。正如您所看到的，左边框和下边框比上边框和右边框略宽

这是我的密码：

div{
宽度：100px；
高度：100px；
边框：1px纯蓝色；
}

---

这将解决您的问题：

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

---

我无法复制你的问题。这听起来更像是一个Chrome bug。我无法复制，投票决定关闭。@maghtypork为什么？你是在暗示我在编造这个吗？不，只是这不是我们能解决的问题。如果是chrome中的错误，请向chrome bugtracker报告。另外，这不是一个我们可以复制的错误，所以它可能是特定于您的设置的。您能检查一下您的浏览器是否没有缩放吗？