多框阴影在MSEdge中不起作用

Question

添加多个盒形阴影部分起作用。在所有浏览器中，阴影都出现在框的左侧和右侧，而在MSEdge中，阴影并未出现在左侧。

我尝试添加边框折叠：单独，显示：块和行内块，背景色：rgba（255,255,255,1），但这些似乎都不起作用。任何帮助表示赞赏。

{
    width: auto;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

阴影也应出现在MSEdge的左侧。

Answer 1

这里的问题是在任何测试环境（VirtualBox，浏览器堆栈，酱汁实验室等）中的像素密度。阴影仍然随处可见，但是在测试环境中却没有出现。在实际的浏览器中进行测试可以提供所需的输出。不知道是什么原因造成的，但这是任何虚拟机上的映像都有问题。