我有一个非常基本的静态HTML网页，在包含元素上带有边框和框阴影。
该框阴影在桌面浏览器上正确显示，但是在Chrome移动浏览器上（仅在Chrome上进行了测试），该元素底部边缘的框阴影比其应有的要大得多。
在显示方式上也存在不一致之处。有时候，当我第一次加载页面时，我没有看到盒子阴影，然后突然出现。
我已经检查了HTML和CSS中的错误，但找不到任何错误。
这是我用于框阴影的代码：
-webkit-box-shadow: 0 1px 5px rgba(255,255,0,0.5);
-moz-box-shadow: 0 1px 5px rgba(255,255,0,0.5);
box-shadow: 0 1px 5px rgba(255,255,0,0.5);
我已经在Codepen上重新创建了页面： https://s.codepen.io/sean-collins/debug/GRKvBeP/YvkgOeODyLNk
我更改了边框的颜色以及框阴影的颜色和大小，以便于查看，但其他方面与实际页面相同。