爲什麼在SenchaTouch 2中使用的圖像比正常尺寸大1/3？

我正在用SenchaTouch2開發Android應用程序。我使用了一個寬度爲480px的PNG文件作爲背景圖片，以適應寬度爲480px的GalaxySII。在瀏覽器中完全正常，但在導出爲原生應用程序後，該背景會變得更大並超出可視範圍。爲什麼在SenchaTouch 2中使用的圖像比正常尺寸大1/3？

經過一番觀察，如果我想適應480像素的屏幕，您的原始圖像應該是320像素，這是1/3的差異。請讓我知道誰能設法顯示原始寬度n高度的背景。

謝謝！

來源

2012-03-16 Devyn

這聽起來像你的WebView正在執行縮放。也就是說，1.0的默認比例等於一個mdpi設備。 Galaxy SII是一款hdpi設備，規模爲1.5。所以你的480像素圖像變成480px * 1.5或720px，爲什麼320px看起來像你想要的。

嘗試指定視口使用設備的原生DPI像這樣：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"/>

或者，你可以將它指定爲：

<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0"/>

你可以閱讀更多關於視口設置爲目標Android設備在：http://developer.android.com/guide/webapps/targeting.html

請注意，如果您遇到後續的字體問題，您需要按照我的回答中的步驟font size different on ios and android

另請注意，煎茶觸摸2，它看起來像他們關閉此自動視口設置：http://www.sencha.com/forum/showthread.php?184219-Viewport-Meta-Tags-not-injected-automatically

來源

2012-03-17 00:53:21 louielouie

爲什麼在SenchaTouch 2中使用的圖像比正常尺寸大1/3？

回答

相關問題