适用于sencha touch中多设备兼容性的图像尺寸

时间:2014-05-13 11:41:46

标签: image image-processing sencha-touch cross-platform

我正在使用sencha touch开发应用程序,它有许多数据视图,其中包含管理员在网络应用程序面板中上传的图像。

图像下方的红色框表示图像在屏幕上占据的大小。 enter image description here

我对管理员在后端上传图像时应该放置的标准最小图像大小验证感到困惑。我需要图像在视网膜和非视网膜显示器上看起来很好。

我阅读了很多关于使用media queries根据屏幕宽度和src.sencha.io等服务提供不同图片的内容,但是如果我在我的图片上设置最小尺寸,例如800 * 600,那么在移动应用程序中显示它们是否适用于不同的视网膜和非视网膜设备?

目前我正在做的是,我正在压缩用户上传到800 * 600的任何大小的图像,同时保持其宽高比,然后在移动应用中显示该图像。但这种策略并没有成功。 (请原谅我的一些愚蠢行为。我仍在想办法让图像适用于所有移动设备)

任何人对我应该做什么有更好的建议,以便每当管理员从网络面板上传图像时,经过一些处理,我可以创建一个在所有屏幕上看起来都很好的图像?

0 个答案:

没有答案