【发布时间】：2015-11-14 00:11:00
【问题描述】：
我正在开发 Ionic 的 ios 和 android 应用程序。我的问题是因为我们有不同的设备，不同的密度。您如何处理图像的显示。您是否只是创建一个将在所有屏幕设备上使用的图像文件？
【问题讨论】：
标签： angularjs ionic-framework ionic
【发布时间】：2015-11-14 00:11:00
【问题描述】：
简短的回答是，是的，您使用一张高质量的图像并让设备上的浏览器进行缩小。
略长一点的答案是，您可以进行一些优化，因为您锁定在一组非常严格的符合标准的浏览器中，因此您需要遵循这些浏览器的最佳实践。我的意思是，如果您有矢量格式的图形，如果可以的话，最好将它们保留为 SVG。如果您有光栅图像，您会希望它们的分辨率在您最大的 Retina 显示器上看起来很棒，并且您需要在必要时使用媒体查询进行调整。
您还可以使用 CSS 技巧通过在适当的时间隐藏和显示适当的图像来替换图像。
【讨论】：
-
我认为简短的答案就可以了 :) 但是您使用了哪些技巧，您发布的答案是较长的答案还是简短的答案？
-
所以我做了多个 img 标签，我最初设置为 display:none 然后显示媒体查询。我还成功地为离子应用程序中的不同媒体查询完成了背景图像。在大多数手机浏览器中使用这两个选项时，在可以点击 CSS 之前不会加载图像。