fonts - CSS 文本阴影 1px 视网膜

Question

CSS 在视网膜屏幕上将 1px 文本阴影加倍为 2px。我只需要1px。有什么解决办法吗？0.5px 不工作。

Answer 1

我没有尝试过文本阴影，也没有方便的视网膜屏幕，但是对于盒子阴影， MDN说对于传播半径：

“正值会导致阴影扩大并变大，负值会导致阴影缩小。如果不指定，它将为0（阴影将与元素大小相同）”

这意味着您可以使用：

box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .5);

例如。

正如我所说，我没有尝试过文本阴影，但我怀疑它应该可以正常工作。

Answer 2

有一篇关于粉碎杂志的长篇文章讨论了视网膜显示器上的 CSS 问题。