Html 视网膜显示器上的Chrome文本阴影错误

代码笔链接：

截图：

---

我发现，当在视网膜屏幕上显示时，我只能想象Chrome浏览器中的一个bug。文本阴影上有一个奇怪的剪辑，文本阴影本身被推到实际文本的下方。调整字体大小时，剪辑将随机更改为仅剪辑某些字符。如果调整文本阴影的蓝色值，某些值会将阴影捕捉回其应位于的位置，但没有任何押韵或理由。我已经检查过了，它在Safari和Firefox上显示良好。有人能解释一下这是怎么回事吗

我的视网膜显示屏可以在Chrome和Safari浏览器中完美地看到文本阴影。 尝试更新浏览器和/或清理缓存

h1{
最大宽度：800px；
字体系列：无衬线；
字体大小：90px；
字号：900；
文本阴影：0 50px#000；
左边距：25px；
}

---

这是您希望每个人在其他视网膜显示器上看到的

，看起来不一致。有些监视器显示正确，有些监视器剪辑阴影，在哪里以及如何剪辑阴影似乎也不一致。

h1 {
  max-width: 800px;
  font-family: sans-serif;
  font-size: 90px;
  font-weight: 900;
  text-shadow: 0 0 50px #000;
}