我有一个指向图像文件的锚点链接。 （例如，对于灯箱脚本）。
<a href="imagefile.jpg">Click to enlarge</a>
现在，在视网膜设备上，我希望锚链接指向图像的视网膜版本（imagefile@2x.jpg）。 如果没有任何脚本，这甚至是可能的。
对于img标签，有srcset属性可以处理这个，但对于锚链接是什么。
由于
答案 0 :(得分：1)
如果没有脚本，你就无法做到这一点。 HTML和CSS不是为了做这些事情而设计的。
＆＃xA;＆＃xA;有两种方法可以做到：
＆＃xA;＆＃xA;您可以提供更大的图像（比例因子为200％）。它们将通过浏览器缩小尺寸并显示为视网膜。无需其他代码。然而，这将增加页面加载时间和视网膜质量图像将被所有人下载 - 也没有视网膜屏幕的人。
每个Lightbox确实包含一些脚本 - 用于显示图像框，在页面上的图像和其他内容之间切换。
＆＃xA;＆＃xA;您可以修改灯箱以查找服务器上加载图像的视网膜版本 - 例如通过使用 XmlHttpRequest 并向服务器发送HEAD请求，其图像文件名以 @ 2x 结尾。
另一种方法是使用 retina.js （~2.5KB脚本）查找DOM修改并在图像加载时自动执行该操作。事件
答案 1 :(得分：0)
我可以想到在没有脚本的情况下执行此操作的唯一方法是使用srcset链接到包含图像的HTML页面。我想一个只有img的空白HTML页面应该可以得到相同的结果。
然而，很可能无法使用灯箱脚本。