在网页上，我使用 CSS 将所有图像缩放 50%，使它们在视网膜屏幕上看起来清晰，但这不适用于平铺图像，似乎没有办法缩放平铺背景图像，使其清晰且不会在视网膜屏幕上加倍。抱歉，如果这个问题令人困惑。
为
300x300 背景图像设置background-size: 150px 150px;似乎可以解决问题。请注意，background-size: 50%; 不会执行您可能期望的操作，因为它将宽度和高度设置为父容器的 50%。
我没有使用过 Retina 显示器，但我想最好为它们创建一个分辨率更高的备用背景图像。