jQuery Mobile的主题缩放

我正在寻找最好的形式给出了如何扩展主题（读头，页脚，输入等）使用jQuery移动，jQuery Mobile的主题缩放

让我们说我有这个报头的高度大约为90像素，它会在iPhone4的很好看，它会看起来有点罚款我GALAXY S，但这会是对3克巨大的离谱/ 3GS和Android手机分辨率较低。

我大概可以使用媒体查询，但这将像编码整个事情无数次，使其正确地看待每个主要使用的决议，考虑我必须手动为每个可能的元素和内容设置高度我'll add ..

或者我可以把它留在http://jquerymobile.com/demos/1.0b2/docs/pages/page-template.html，但考虑到我不是只使用梯度，而是实际的图形，这是专为iphone4的决议（90px标题），它不会看起来好，缩小了很多

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

还有其他方法吗？也许有一些最佳做法？应用程序的设计下面。提前致谢。

apps design

来源

2011-09-02 foxx

在页面加载时动态重写所有图片标签src使其具有低分辨率版本？使用url正则表达式匹配来识别潜在的图像。 –

根本不会有图像，它是所有带背景的dom元素，我可以使用css3的背景大小，但是再次，对于所有不同的分辨率，必须将其设置几十次仍然是同样的问题。 – foxx

您可以使用CSS class ID检测这些背景，然后使用document.ready上的样式属性设置低分辨率版本？ –

为iPhone 4/4S的图像地方你的形象背后@ 2个方面，iPhone 4将会被自动检测到这些图像，适用于iPhone 3G/3GS会做出更小的图像。例如你有一个iphone 4的图像，它的100 x 100px可以命名为：[email protected]，对于iphone 3gs你可以使它成为50 x 50，并将其命名为image1.png。如果你在Photoshop中设计，总是使用形状图层。所以你可以缩小比例。希望这可以帮助。

来源

2012-07-20 09:45:13 pum

jQuery Mobile的主题缩放

回答

相关问题