html - 视网膜显示屏上的 Chrome 文本阴影错误

Question

Codepen 链接:https://codepen.io/calebzahnd/pen/OWxxLw

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

截图:

我发现在 Retina 屏幕上显示时我只能想象是 Chrome 浏览器中的错误。文本阴影上有一个奇怪的剪裁，文本阴影本身被推到实际文本下方。调整字体大小时，裁剪会随机更改为仅裁剪某些字符。如果您调整文本阴影的蓝色值，某些值会将阴影捕捉到它应该位于的位置，但没有任何韵律或原因。我检查过，这在 Safari 和 Firefox 上显示正常。有人可以解释这里发生了什么吗？

Answer 1

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