处理网络应用程序的屏幕密度

我已经编写了一个非常简单的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

处理网络应用程序的屏幕密度

回答

相关问题