火狐浏览器中伪元素的border不准确？
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>border</title>
<style>
div::before {
content: "";
display: block;
width: 2rem;
height: 1rem;
border: solid 40px #CCC;
}
</style>
</head>
<body>
<div></div>
</body>
</html>以上代码在火狐下，按住ctrl和滚轮调整缩放级别时，border的宽度会发生变化，如图：
别的浏览器没有这种情况，不知道为什么，求解释
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
谷歌也会有，只是你缩放比例的问题：
现在假设缩放比例为：110%
在chrome下：
在firfox下：