如何在煎茶触摸中添加不同屏幕分辨率的图像？

Posted 2023-02-25

【中文标题】如何在煎茶触摸中添加不同屏幕分辨率的图像？

【英文标题】：How to add images for different screen resolutions in sencha touch?

【发布时间】：2013-01-08 05:56:48

【问题描述】：

我们如何在 sencha touch 以及 ios 设备中添加图像，例如在 android 中的小、中、大和 xlarge 图像，以实现正常显示和 Retina 显示？ sencha touch 框架中是否有任何内置功能或辅助功能？

【参考方案1】：

您可以使用 Media Queries 的实现来执行此操作。

查看以下参考链接。

Media Queries to handle all device’s screens

html5 Media Queries

编辑：

如果您需要单独定位 Retina 显示屏，您可以在媒体查询中使用此条件：

-webkit-min-device-pixel-ratio: 2

谢谢。

【讨论】：

但是我们如何使用媒体查询来显示 ipad/iphone 的视网膜显示？

@x4ph4r 在我的解决方案中查看对视网膜显示支持的编辑。