缩放横向WebView以适应宽度和高度

时间:2014-03-10 22:25:17

标签: android android-webview

我有一个始终以横向模式显示的WebView。它显示一个已设置的网站,以便内容始终完全可见(即没有垂直或水平滚动条),只要用户的分辨率至少为800 x 600.如果我在具有分辨率的平板电脑上加载此WebView 1024 x 600,我必须垂直滚动才能看到整个事物(因为Android底部的内置导航栏占据了48像素的垂直空间)。同样,如果我在分辨率为640 x 360的手机上加载此WebView,我必须水平和垂直滚动才能看到整个内容。最后,如果我将这个WebView加载到分辨率为1280 x 800的平板电脑上,我不必向任何一个方向滚动(这很好),但网站看起来太小,因为800周围有太多的额外空间x 600设计。

如何使这个网站扩展到适合这三种设备中的任何一种?换句话说,请记住Android底部的内置导航栏需要48像素的垂直空间,分辨率为1024 x 600的平板电脑应该将WebView扩展到92%,这样800 x 600的设计才能适应并且分辨率为1280 x 800的平板电脑应该将WebView扩展到125.3%,以便800 x 600设计适合。

我已经阅读过使用CSS zoom属性进行扩展,但是看到了这个问题。一个例子是文本有时呈现的方式。我认为本地扩展WebView而不是使用CSS可能会使其表现更好。

1 个答案:

答案 0 :(得分:0)

你可以确保你不会滚动"横向"通过设置viewport meta-tag。垂直缩放以适应通常是一个坏主意 - 您的布局是否足够灵活,可以在每个设备上处理每个宽高比?如果你只是想在底部显示一些东西""改为使用CSS固定定位。