【发布时间】：2012-08-22 02:11:05
【问题描述】：
CSS 在 Retina 屏幕上将 1px 文本阴影加倍为 2px。我只需要1px。有什么解决办法吗？ 0.5px 不工作。
【问题讨论】：
标签： fonts retina-display css
【发布时间】：2012-08-22 02:11:05
【问题描述】：
我没有尝试过 text-shadow，也没有方便的视网膜屏幕，但是对于 box-shadow MDN 说对于传播半径：
“正值会导致阴影扩大并变大， 负值会导致阴影缩小。如果未指定，则 将为 0（阴影将与元素大小相同）"
这意味着你可以使用：
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .5);
例如。
正如我所说，我没有尝试过 text-shadow，但我怀疑它应该可以正常工作。
【讨论】：
-
这太糟糕了——看起来应该……
smasting 杂志上有一个lengthy article 讨论了视网膜显示器上的 CSS 问题。
【讨论】：
-
tl;博士。那篇文章中是否有任何部分直接解决了手头的问题？否则这不是一个很有帮助的答案。
-
这篇文章对 IMO 很有帮助。我推荐文章中提到的 css 媒体查询技术
@media only screen and (min-device-pixel-ratio: 1.5)，用于针对低 css 像素密度的高密度显示器。