我发现出于某种原因，CSS 不会读取包含“@2x”的图像名称(表示该图像适用于视网膜)，例如，这将起作用:
#play { background: url(../images/layout/play_2.png) no-repeat; }
这行不通:
#play { background: url(../images/layout/play@2x.png) no-repeat; }
在所有浏览器和跨设备(iPhone、iPod、iPad)中都是一样的。有什么想法吗？
最佳答案
百分比编码 %40 或转义 \@ @ 字符，它应该可以工作。
你的“某些原因”是 @ 是一个特殊字符。参见 http://www.ietf.org/rfc/rfc3986有关 URL 的更多信息
关于图片名称 @x2 的 CSS 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19475217/