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的主題縮放

回答

相關問題