2

我有一个使用 StageWebView 加载本地 HTML 文件的 Flex Mobile 应用程序。

我一直在使用内置模拟器（模拟 Galaxy S3 屏幕，1280x720，320dpi）和我实际的 S3 在我的 PC 上调试它。

该应用程序将 StageWebView 视口设置为使用 stageHeight 和 stageWidth 的矩形。(1280x720)

在 PC 上，它完全显示 HTML 文件（HTML 文件有一个 1280x720 的背景图像）并且没有滚动。

然而，在我的手机上，webview 显示 HTML 文件“放大”（我说放大，但实际上你不能缩小！），我必须滚动才能查看所有内容。内容以两倍大小显示（如果我将背景图像设置为 360x640，则它适合手机屏幕而无需滚动）

为什么模拟器设置为相同的分辨率和 DPI，会以不同的方式显示内容？

更重要的是，为什么我的手机似乎“放大”了 HTML 文件并让我滚动？内容和手机分辨率匹配，但 StageWebView 似乎无法理解。

我找到了这篇文章，点击我，这似乎表明有一个错误，但是那个人提到他的问题是当他不使用我正在使用的视口元标记时！

有谁知道我可以如何解决我的缩放问题，并希望我的 Flex 应用程序可以在各种设备上很好地缩放，并让 StageWebView 正确显示我的 HTML 文件？

4

2 回答 2

2

如果您在 android 上使用元视口，请确保设置 target-densitydpi 值

<meta name="viewport" content="width=device-width, user-scalable=no, target-densitydpi=device-dpi">

或者如果可以使用 css 缩放，其中缩放值与与 html 页面大小相比与密度无关像素 (DP) 值相关

在 Adob​​e 上查看这篇文章

于 2013-08-26T20:34:38.057 回答
0

我用同样的问题把头撞在墙上。在 Xoom (Android 3) 上，本地文件完美显示，但在 Nexus (Android 4.2.2) 上，内容无法通过 stagewebview 正确显示。

我的解决方案是更改 css 标记的 href。看这里：

如何在android dev的静态webview窗口中引用本地css文件？.

所以在我的本地 HTML 文件中，它改为：

<link rel="stylesheet" href="file:///styles/style.css" type="text/css" />
于 2013-05-09T07:06:25.537 回答