2012-09-13 58 views
1

由於果凍豆,我有我的web應用程序和視圖在web視圖中呈現的問題。安卓果凍豆不支持目標密度Dpi

我通常使用中繼檢視這個參數來解決我的內容,並有很好的設計:

name="viewport" content=" width=device-width; 
       initial-scale=1.0; 
       maximum-scale=1.0; 
       user-scalable=no; 
       target-densityDpi=device-dpi; 

但Jelly Bean系統屬性「目標densityDpi」似乎不支持或忽略。 在星系聯結(720px * 1280,設備像素比率爲2)上,窗口寬度尺寸爲360px 而在銀河聯繫S(480 * 800,設備像素比率爲1.5)上,窗口寬度尺寸爲360px。

我沒有在Android開發者的網站上找到任何關於此主題的幫助或信息。

那麼,目標密度真的被忽略了? 一招可以強制devicedi? 或者我們被迫使用中密度屏幕,默認情況下?

如果有人有解決方案? Thanx!

回答

0

這是一個老問題,但問題可能在於使用分號。將分號更改爲常規逗號並刪除最後一個分號。

我在我的應用程序中使用以下視口元標記,它在Jelly Bean中正常工作。

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

請添加代碼格式。 – Kimi

0

我實現了同樣的事情上最新的Chrome瀏覽器採用了Android這個jQuery:

<meta content='user-scalable=no, initial-scale=1, width=device-width' id='viewport' name='viewport'> 

var viewPortScale = 1/window.devicePixelRatio; 

$('#viewport').attr('content', 'user-scalable=no, initial-scale='+viewPortScale+', width=device-width'); 

這將初始規模視meta標籤設置爲正確的比例爲1個CSS像素== 1設備像素。

您不能使用'width ='+ screen.width,因爲screen.width不返回物理像素尺寸。我在Chrome的Nexus 7上嘗試使用http://responsejs.com/labs/dimensions/,所有數字都是視口像素。