我阅读了有关视网膜就绪站点的信息，并获得了一些信息，例如在视网膜就绪站点中，图像、 slider 、字体和其他元素更清晰、密度更高、分辨率更高...
我的问题是:
我如何将普通站点转换为具有图像、字体和其他内容的 Retina Ready...
<img src="image1@2x.jpg" width="660" height="440"/>
Original width: 660px and height: 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 的这篇文章。还有更多属性可以帮助您喜欢 size。
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
关于javascript - 视网膜就绪图像@2x 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47362919/