Javascript 视网膜就绪图像@2x不工作

我阅读了关于视网膜准备好的网站，我得到了一些信息，比如在视网膜准备好的网站中，图像、滑块、字体和其他元素更清晰、密度更高、分辨率更高

我的问题是:

我如何将正常的网站转换为视网膜准备好的图像，字体和其他东西

<img src="image1@2x.jpg" width="660" height="440"/>

原始宽度：660像素，高度：440像素

我已经导入retina.js了

---

提前感谢

如果要使用高密度图像，必须设置另一个属性：srcset

这样，src属性对于不支持srcset属性的旧浏览器非常有用。srcset属性由现代浏览器使用，如果屏幕准备就绪，浏览器将使用它来加载高密度@2x图像。如果屏幕不是视网膜，浏览器将在1x时自动加载低密度图像

<img srcset="image@1x.jpg 1x, image@2x.jpg 2x" src="image@1x.jpg" alt>

如果您需要更多信息，可以从MDN上查看这篇文章。有更多的属性可以帮助您喜欢大小

---

事实上，如果你没有视网膜或高清屏幕，可能很难测试。也许你有一部像iPhone或三星Galaxy这样的现代智能手机？视DPI而定，视网膜和HD屏幕可能相同。这个将显示视网膜图片。