StageWebView和安卓的缩放问题

Question

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

我一直在我的电脑上使用内置的模拟器(模拟银河S3屏幕，1280x720,320dpi)和我的实际S3上调试它。

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

在PC上，它完全显示HTML文件( HTML文件的背景图像为1280x720)，并且没有滚动。

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

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

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

我发现这个帖子，click me，似乎暗示有一个bug，但是这个家伙提到他的问题是当他没有使用我正在使用的viewport meta标签的时候！

有没有人知道我该如何修复我的伸缩问题，希望我的Flex应用在各种设备上都能很好地伸缩，让StageWebView正确地显示我的HTML文件？

Answer 1

如果您在android上使用meta viewport，请确保设置target-densitydpi值

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

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

Check out this article on Adobe

Answer 2

我把头撞到墙上也遇到了同样的问题。在Xoom (Android 3)上，本地文件显示得很好，但在Nexus (Android 4.2.2)上，内容无法通过stagewebview正确显示。

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

How to reference local css files in a static webview window in android dev?。

因此，在我的本地HTML文件中，它更改为：

<link rel="stylesheet" href="file:///styles/style.css" type="text/css" />