离子框架设备的不同图像

Question

我正在开发Ionic的ios和Android应用程序。我的问题是因为我们有不同的设备，密度不同。你如何处理图像的显示。您只是创建一个将在所有屏幕设备上使用的图像文件吗？

Answer 1

简短的回答是，您使用一个高质量的图像，让设备上的浏览器进行缩小比例缩放。

稍微长一点的答案是，您可以进行一些优化，因为您已经锁定了一组非常紧凑的标准兼容浏览器，因此您需要遵循最佳实践。我的意思是，如果你有矢量格式的图形，如果可以的话，很好的将它们留作SVG。如果您有光栅图像，您可能希望它们的分辨率在您最大的视网膜显示屏上看起来很棒，并且您希望在必要时使用媒体查询进行调整。

您还可以使用CSS技巧通过在适当的时间隐藏和显示适当的图像来替换图像。