火狐浏览器中伪元素的border不准确？

Question

火狐浏览器中伪元素的border不准确？

发布于
2017-06-17

更新于
2017-06-20

代码如下：

<!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的宽度会发生变化，如图：

别的浏览器没有这种情况，不知道为什么，求解释

浏览器兼容性兼容性问题 html css firefox

阅读 4.4k

1 个回答

谷歌也会有，只是你缩放比例的问题：
现在假设缩放比例为：110%
在chrome下：

在firfox下：

撰写回答