mozilla 中的错误，在 4k 显示器上有框阴影剪切

Question

我有一台 4k 显示器和 Windows 10，比例为 150%。 我将下一个 css 属性添加到处于焦点状态的组件中。

box-shadow: inset 0 0 0 1px blue; transition: all 0.3s ease;

在 Mozilla Firefox 中，部分框阴影裁剪和过渡非常缓慢。在 Chrome 中总是可以完美运行，在 Mozilla 中也是如此，如果我将浏览器页面缩放比例更改为 150-200%，则一切正常。同样在 2k 监视器上，此属性在 Mozilla 中工作正常。

如果您有相同的设置 - 您可以通过此链接进行检查。 https://mozilla-box-shadow-bug.netlify.app

所以我的问题是，我可以通过 CSS 中的一些操作来解决这个问题吗？