首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >窄WebView中的视口宽度自适应

窄WebView中的视口宽度自适应
EN

Stack Overflow用户
提问于 2012-06-04 19:22:15
回答 1查看 674关注 0票数 1

目前,我有一个将viewport width设置为device width的HTML文档。我的问题是调整视窗宽度以适应比整个设备宽度更窄的WebViews。在这种情况下,使用device width将呈现比WebView更宽的文档,这是我试图避免的。

该文档将同时在安卓和iOS应用程序中显示,并且仅使用所有元素的文档相对大小构建。因此,它依赖于文档宽度是否正确地适应视图的宽度。

如何使视口宽度适合WebView的实际宽度,而不是设备宽度?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-08 02:37:36

我正在处理Android中类似的事情。让你了解我的情况:我的测试设备宽度实际分辨率是540,设计的固定宽度是640。我的目标是将cordova中使用的webview设置为缩小以显示整个设计宽度。

这段代码能帮助你解决Android上的问题吗?

代码语言:javascript
运行
复制
public class MainActivity extends DroidGap {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    super.loadUrl("file:///android_asset/www/index.html");

    super.appView.getSettings().setSupportZoom(true);
    //super.appView.getSettings().setBuiltInZoomControls(true);

    super.appView.getSettings().setLoadWithOverviewMode(true);
    super.appView.getSettings().setUseWideViewPort(true);
    }
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10880419

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档