jquery 移动主题缩放

Question

我正在寻找如何使用 jquery mobile 缩放主题(读取页眉、页脚、输入等)的最佳方法，

假设我有一个高度约为 90 像素的标题，它在 iphone4 上看起来会很棒，在我的 galaxy s 上看起来会不错，但是 它在 3g/3gs 和分辨率较低的 android 手机上会大得离谱。

我可能会使用媒体查询，但这就像对整个事情进行无数次编码以使其在每个主要使用的分辨率上看起来都正确，考虑到我必须为每个可能的元素和内容手动设置高度我'我会添加..

或者我可以将其保留在 http://jquerymobile.com/demos/1.0b2/docs/pages/page-template.html 上但考虑到我不只是使用渐变，而是为 iphone4 分辨率设计的实际图形(那个 90 像素的标题)，它看起来不会很好，按比例缩小了很多

或者我可能正在使用 em 但这并不完全可靠，百分比 也不是..

还有别的办法吗？也许是一些最佳实践？应用程序的设计如下。提前致谢。

Answer 1

对于 iphone 4/4s 图像，将 @2x 放在图像后面，iphone 4 会自动检测这些图像，对于 iphone 3g/3gs，图像会更小。例如，你有一个 iphone 4 的图像，它的 100 x 100px，你将其命名为:image1@2x.png，对于 iphone 3gs，你将其设置为 50 x 50，并将其命名为 image1.png。如果你在 photoshop 中设计总是使用形状图层。所以你可以按比例缩小。希望这会有所帮助。