CSS在视网膜屏幕上将1像素的文本阴影变成2像素。我需要只有1像素的解决方案。0.5像素不起作用。
2个回答
0
我还没有尝试过text-shadow，并且手头也没有retina屏幕，但是对于box-shadow，MDN说对于扩散半径：
“正值会导致阴影扩展变大，负值会导致阴影缩小。如果未指定，则为0（阴影与元素大小相同）”
这意味着您可以使用：
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .5);
例如。
正如我所说，我还没有尝试过text-shadow，但我认为它应该可以正常工作。
- Rich Bradshaw
1
真糟糕 - 看起来应该是这样的... - Rich Bradshaw
-1
在 smashing magazine 上有一篇详细文章讨论了视网膜显示器上 CSS 的问题。
- Attila Szasz
2
1简而言之，那篇文章中有没有直接解决手头问题的部分？否则这并不是一个非常有用的答案。 - BoltClock
这篇文章在我看来非常有帮助。我推荐文章中提到的CSS媒体查询技术
@media only screen and (min-device-pixel-ratio: 1.5)，用于针对低CSS像素密度的高密度显示器进行定位。 - niall.campbell网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接