Phonegap Android像素比問題 - 圖像，頁面寬度不可靠

當我以前創建PhoneGap應用程序時，頁面上呈現的圖像無法正確顯示在高DPI設備上。所以我在沒有考慮設備DPI的情況下爲所有設備製作了固定像素比例爲1的網頁。但是這會降低圖像的清晰度。Phonegap Android像素比問題 - 圖像，頁面寬度不可靠

我計劃爲我的新應用使用流體樣式，而不是在HTML中使用特定的寬度和高度。但是，當我在px中爲div指定高度（在CSS中）時，高度在不同設備中呈現不同的效果。

有什麼辦法可以使HTML的比例以及CSS的寬度和高度相同嗎？

是否有任何未知屬性可以告訴HTML以不同的像素比例運行。

我使用的HTML標籤：

<meta name="viewport" id="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

我想渲染頁面的設備dpi的，以避免清晰度降低。請提供您的想法。

來源

2012-09-06 IvenMS

你應該理想的避免使用像素並使用em。例如：而不是16px，使用1.1em或任何等同於您的情況。這對我的phonegap jquerymobile應用程序工作

來源

2012-09-06 05:18:57 Kiran

讓我試試看，我會滿足評論。 – IvenMS

它正在一個像素比爲1.5的設備上工作。我還需要檢查其他設備。謝謝。 – IvenMS

當然。讓我知道事情的後續 – Kiran

Phonegap Android像素比問題 - 圖像，頁面寬度不可靠

回答

相關問題