Microsoft Explorer Edge 11相同的框阴影，两个不同的结果

Question

给出高度值时会得到不同的结果吗？ 我想念什么吗？还是MS渲染得那么糟糕？

.box {
    background: #fff;
    width: 100%;
    clear: both;
    display: inline-block;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 0 rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.height-1{
  height:35px
}

.height-2{
  height:50px
}

<div class="box height-1">Lorem Ipsum</div>
<br>
<br>
<div class="box height-2">Lorem Ipsum</div>

Example Link

Answer 1

我尝试使用Edge进行测试，但得到了相似的结果。两个盒子都有相同的阴影。

下面是我的测试结果。

您在标题中提到了“ Microsoft Explorer”，因此我也使用IE 11进行了测试，并得到了类似的结果。

所以我无法使用上面的代码来产生问题。您可以再次尝试进行测试，如果问题仍然存在，请尝试发布图片。

也请尝试告知我们在产生问题时是否缺少任何步骤。

我们将尝试纠正自己，然后再次尝试进行测试。