jquery 移动主题缩放
我正在寻找如何使用 jquery mobile 缩放主题（读取页眉、页脚、输入等）的最佳方法，
假设我有这个高度约为 90px 的页眉，它在 iphone4 上看起来很棒，它在我的 galaxy s 上看起来还不错，但是在 3g/3gs 和 Android 手机上会大得离谱较低的分辨率。
我可能可以使用媒体查询，但这就像对整个事情进行无数次编码，使其在每个主要使用的分辨率上看起来正确，考虑到我必须为我要添加的每个可能的元素和内容手动设置高度。或者
我可以将其保留在 http://jquerymobile.com/demos/1.0b2/docs/pages/page-template.html 但考虑到我不只是使用渐变，而是实际的图形，它们是为 iphone4 分辨率设计的（那个 90px 标题），它看起来不会很好，缩小了这么多
，或者我可能会使用em，但这并不完全可靠，百分比也不是。
还有其他办法吗？也许有一些最佳实践？应用程序的设计如下。提前致谢。
I'm looking for the best aproach how to scale theme(read headers, footer, inputs etc) using jquery mobile,
let's say I have this header which's height is about 90px, it's gonna look great on iphone4, it's gonna look somewhat fine on my galaxy s, but it's gonna be ridiculously huge on 3g/3gs and android phones with lower resolution.
I could probably use media queries, but that would be like coding the whole thing countless times to make it look properly on every majorly used resolution, considering I'd have to manually set height for every single possible element and content I'll add..
or I could just leave it as it is on http://jquerymobile.com/demos/1.0b2/docs/pages/page-template.html but considering I'm not using just gradients, but actuall graphics, that were designed for iphone4 resolution(that 90px header), it's not gonna look good, scaled down so much
or I could be probably using ems but that's not exactly realiable, nor are percents..
Is there any other way? Some best practice perhaps? App's design down below. Thanks in advance.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
对于 iphone 4/4s 图像，将 @2x 放置在图像后面，iphone 4 将自动检测这些图像，对于 iphone 3g/3gs，则制作较小的图像。例如，您有一张 iphone 4 的图像，其 100 x 100px，您将其命名为： [email protected] ，对于 iphone 3gs，你将其设为 50 x 50 并将其命名为 image1.png。如果你在 Photoshop 中设计，总是使用形状图层。这样你就可以按比例缩小。希望这有帮助。
for iphone 4/4s images place @2x behind your image, iphone 4 will detect these images automaticly, for iphone 3g/3gs make images that are smaller. Example u have a image for iphone 4 its 100 x 100px u name it: [email protected], for iphone 3gs u make it 50 x 50 and just name it image1.png. If u design in photoshop always use shape layers. so u can scale up down. hope this helps.