gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 14:02:44 28 4
gpt4 key购买 nike

我写了一个非常简单的 Android 应用程序,它基本上呈现全屏 WebView (没有标题栏、通知栏或 URL 栏)横向。

Activity然后基本上加载一个 client.html从用户的 PC 加载文件,然后加载固定图像以填充整个屏幕。 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()函数是另一段 javascript,它调用 Android 应用程序并检索“绝对”屏幕尺寸(以像素为单位)。

所以这是我的问题(我知道使用绝对像素可能是问题的根源)...

根据我的意愿,它被归类为网络应用程序的 hdpi 并且具有 800x480 实际像素。设置图像源的调用看起来像... "/control?size=800x480"并且工作完美。该图像适合我的全屏。然而,一位测试人员有一台 7 英寸平板电脑 - 也是 800x480,但由于屏幕尺寸,它被归类为 mdpi。请求与 "/control?size=800x480" 相同大小的图像事实上 <meta> tag forces mdpi 显然意味着图像过大。

那么问题来了 - 我在请求图像源时被迫指定尺寸 - 我应该如何正确翻译这些东西?有没有人有类似的经历可以分享一下?

我读过 Targeting Screens from Web Apps好几次了,我显然漏掉了什么。

最佳答案

尝试使用 CSS 媒体查询来定位 LDPI、MDPI 和 HDPI: http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui

关于android - 处理网络应用程序的屏幕密度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8697024/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com