Html IE 11盒阴影比Chrome/Firefox更薄

我为box shadow属性应用了相同的值，但在IE11上，阴影看起来更薄，在某些情况下我甚至看不到它

看这把小提琴：
以下是IE11对没有此浏览器的用户的结果：
原始属性值为：

box-shadow: 0px 1px 3px 0px #777;

当我把它换成

box-shadow: 0px 1px 6px 0px #777;

。。。那么看起来还可以，但为什么会有这种差异呢？解决这个问题的最佳解决方案是什么？

---

感谢高级

出现这种情况是因为每个浏览器都有自己的渲染元素的方式

解决这一问题的最佳方法是使页面不依赖于不同浏览器中可能不同的图形元素（例如

box shadow

）。当我不得不使用

框阴影时，我通常会放置一个几乎看不见的阴影，带有一个微妙的边框。它的效果非常好，并且避免了浏览器对
box shadow
属性的解释之间的荒谬差异所带来的大多数问题

我根据你发布的内容做了一个修改。
不同的浏览器，不同的渲染。从一开始就是这样。默认答案是：使用媒体查询或依赖于浏览器的css并将其修改为您想要的内容。最后，我选择了解决方案：为不同的浏览器使用不同的标记。这要困难得多，但给用户同样的体验。