處理網絡應用程序的屏幕密度

我已經編寫了一個非常簡單的Android應用程序，它主要在橫向上呈現全屏幕WebView（無標題欄，通知欄或URL欄）。處理網絡應用程序的屏幕密度

的Activity那麼基本上從加載在用戶的PC上client.html文件，然後加載意味着填滿整個屏幕的固定形象。該client.html文件具有meta元素如下...

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0, user-scalable=no" />

在<html><body>的<img>src屬性是通過在特定的大小請求圖像設置如下......

<div id="BasicDemo" > 
    <img id="nscreen" /> 
</div> 
<script type="text/javascript">setImageSource()</script>

..本。而且是JavaScript setImageSource() ...

function setImageSource() { 
    $.getScript("myscript.js", function() { 
     $("#nscreen").attr("src", "/control?size=" + getDimensions()); 
    }); 
}

的getDimensions()函數是調用Android應用程序並以像素爲單位檢索「絕對」屏幕尺寸的另一段JavaScript代碼。

因此，這裏是我的問題（我知道使用絕對像素可能是它的根）....

在我的慾望，它歸類爲華電國際的Web應用程序，具有800×480的實際像素。設置圖像源的呼叫看起來像...... "/control?size=800x480"並且完美地工作。該圖像適合我的全屏。然而，一臺測試儀擁有7英寸平板電腦 - 也是800x480，但由於屏幕尺寸，它被歸類爲mdpi。請求與"/control?size=800x480"相同大小的圖像以及<meta>標籤強制mdpi的事實顯然意味着圖像過大。

所以這個問題 - 我不得不在指定尺寸時要求圖像源 - 我該如何正確翻譯內容？有沒有人有類似的經歷可以分享？

我讀過Targeting Screens from Web Apps幾次，我明顯失去了一些東西。

來源

2012-01-02 Squonk

處理網絡應用程序的屏幕密度

回答

相關問題