java - 在具有各种物理尺寸和分辨率的各种设备上运行带有 Web 视图的 Android 应用程序

Question

我在 10" 平板电脑上以横向模式运行 Android 应用程序，分辨率为 1280x800 像素。应用程序包含 Web 视图，包括 1280x720 像素大小的图片，所以它是一种全屏 Web 视图。
如果我在 HTC One X 上运行相同的应用程序智能手机，4.7 英寸，720 x 1280 像素，也处于横向模式，网络视图似乎只显示图片的一部分，比我预期的要少得多。它甚至看起来像原始左上角四分之一的物理 1/4。
有没有人有过以完全不同的物理屏幕尺寸在相似甚至不同的分辨率上运行相同的应用程序的经验？有什么建议吗？
例如，我想在 7" 平板电脑上也运行这个应用程序，分辨率只有 1024x600 像素。我仍然可以在不需要更改图片大小的情况下这样做吗？

Answer 1

这只是一般的网页视图/网页的行为。除非您使用 JavaScript 或 css 告诉它，否则它不会关心您的屏幕有多大，并且会以指定的确切像素大小显示所有内容。您很可能使用 JavaScript 或 css 动态调整图像大小。

这可能是您正在寻找的内容： 随着浏览器宽度/高度的变化，如何使用 CSS 动态调整图像大小？

Answer 2

根据这个线程：
Android Webview initial zoom out

这是正确的答案：

webview.getSettings().setLoadWithOverviewMode(true);    

这将导致 webview 最初被缩小。

webview.getSettings().setUseWideViewPort(true);

Webview 将有一个普通的视口（如桌面浏览器），

Answer 3

您可以为每个密度创建单独的样式表。

http://developer.android.com/guide/webapps/targeting.html#DensityCSS

Answer 4

总结一下，所有更改都必须在 html、js 和 css 中的门户端完成，以便在各种平板电脑上正确显示。

在这种情况下，使用 WebView 元素的设置没有帮助。