Question

Android应用程序将由webview制作。

屏幕分辨率很高，边的比例也不同 240x320（3：4），320x480（2：3），480x800（3：5），720x1280（9:16）......

是否可以..
- 将网页的大小设置为最大的并留下一些空间（但看起来不太好看？）如果手机的分辨率较小，那么它“裁剪”空间以适应屏幕（将它庄稼空间或只是显示黑色空间，如果它不符合大小？）
- 检测手机类型并设置尺寸，文字大小，图像

什么是最佳解决方案？
谢谢！

Answer 1

以下是谷歌的最佳做法列表。 http://developer.android.com/guide/webapps/targeting.html

答案是使用视口元标记格式化页面。您可以在其他属性中设置像素密度和宽度。

把它放在你的配置中。

<meta name="viewport"
  content="
      height = [pixel_value | device-height] ,
      width = [pixel_value | device-width ] ,
      initial-scale = float_value ,
      minimum-scale = float_value ,
      maximum-scale = float_value ,
      user-scalable = [yes | no] ,
      target-densitydpi = [dpi_value | device-dpi |
                           high-dpi | medium-dpi | low-dpi]
      " />

Answer 2

在Android中，您可以为视图提供一些抓取和相对定位的属性。所以在你的情况下，我会简单地使用跨越所有屏幕的webview。为此，您可以将以下属性提供给您的webview：

          android:layout_width="fill_parent" 
          android:layout_height="fill_parent"

Answer 3

所以我明白你的Android应用程序将有一个网页视图，它将显示来自某个网址的内容？您是否可以控制HTML页面的显示/样式？

对多个屏幕大小的支持应来自Web视图中显示的HTML页面。我的建议是例如有3套CSS，分别用于小/中/大屏幕尺寸。

在Android中，我们可以轻松检测并分类运行应用程序的设备的大小和分辨率。然后，当您的Web视图加载页面时，传递一个额外的参数，例如http://www.your-html-page.com?screen=large

Supporting multiple screen size

如何设计Android应用程序（webview）以适应不同的分辨率？

3 个答案: