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

时间:2013-10-11 13:10:36

标签: java android screen-resolution hybrid-mobile-app

我已经在横向模式下运行Android应用程序在10英寸平板电脑上,分辨率为1280x800像素。应用程序包含网页视图,包括1280x720像素大小的图片,因此它是一种全屏网页视图。
如果我在HTC One X智能手机上运行相同的应用程序,即4.7英寸,720 x 1280像素,同样在横向模式下,网页视图似乎只显示部分图片,更不像我期望的那样。它甚至看起来像物理原始的1/4,左上角的四分之一 有没有人有相同或甚至不同分辨率在完全不同的物理屏幕尺寸上运行相同应用程序的经验? 有什么建议?
例如,我想在7英寸平板电脑上运行此应用程序,其分辨率仅为1024x600像素。我是否仍然可以在不需要更改图片尺寸的情况下执行此操作?

4 个答案:

答案 0 :(得分:0)

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

这可能就是您要找的内容:How can I resize an image dynamically with CSS as the browser width/height changes?

答案 1 :(得分:0)

根据这个帖子:
Android Webview initial zoom out

这是正确答案:

webview.getSettings().setLoadWithOverviewMode(true);    

这将导致最初缩小webview。

webview.getSettings().setUseWideViewPort(true);

Webview将有一个普通的视口(如桌面浏览器),

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

只是为了得出结论,所有更改都必须在html,js和css的门户端完成,以便在各种平板电脑上正确显示。

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