javascript - 视网膜显示图像命名规范及实现的确认

Question

到目前为止，这是我所知道的，在具有视网膜显示屏的 iOS 设备上，它将自动拾取由“@2x”后缀标记的视网膜图像(无需任何编码，假设新的 chrome 也这样做)。如果我错了，请告诉我。我将很快在一个新站点上工作，并将尝试支持 macbook pro 的视网膜显示。我遇到的唯一问题是我不想使用 @2x 后缀，而是想使用我定义的东西。我知道我可以用媒体查询或 js 来调用图像。 @ 符号在命令行中给我们带来了一些麻烦。无论如何，我想避免@2x。

我想确认我是否可以使用不同的后缀命名我的视网膜图像并使用媒体查询或 js 实现它。从理论上讲，它应该像以前一样适用于所有设备，但我不是这个主题的专家，所以我想要一些保证。

谢谢

Answer 1

浏览器不像 iOS 那样通过显示 DPI 对 Assets 交换提供任何“自动魔术”支持。因此，无论您认为存在什么“标准”，都不过是松散的约定。如果您想构建与其他人不同的多 DPI 支持，那完全取决于您。