如何在煎茶触摸中添加不同屏幕分辨率的图像?
Posted
技术标签:
【中文标题】如何在煎茶触摸中添加不同屏幕分辨率的图像?【英文标题】: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 在我的解决方案中查看对视网膜显示支持的编辑。以上是关于如何在煎茶触摸中添加不同屏幕分辨率的图像?的主要内容,如果未能解决你的问题,请参考以下文章
如何编码我的网站,以便我的100%宽度图像根据屏幕分辨率变化调整大小?