width=640页面失真

分类：HTML5+

页面如果以<meta name="viewport" content="width=640">这种定宽自动缩放来做，在任何移动端浏览器中都能自动缩放和正常显示，但是在webview和uiwebview中默认会变成两倍大，需要对webview和uiwebview做相应设置，使其能够自动适应页面。解决方法如下：

在安卓应用代码中添加：
WebSettings settings = webView.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
在苹果应用代码中则须为UIWebView对象设置：
webView.scalesPageToFit=YES;

希望你们尽快完善，或者告诉我如何自行对原生webview对象进行自定义设置，请提供详细的代码，非常感谢。

2015-11-10 12:01 负责人:无分享

5 个回复

老火

同问，如何直接在本地文件中解决此问题

老火

更新hb到最新的版本重新打包就正常了，应该是最新版本已经修复这个问题

哇系诶萌狼 (作者)

我下载了最新版本，运行后还是一样啊！

2015-12-08 16:41
老火

上传在线打包成APP，安装就可以看到效果了

2015-12-25 12:30
飞机头

ios 不行啊

2017-07-05 23:53

飞机头

ios 打包后还是不行的。这个很重要希望官方尽快能解决。。

我有一个问题

获取webView.getSettings():

var Webview = plus.android.importClass("android.webkit.WebView");  
var WebSettings = plus.android.importClass("android.webkit.WebSettings");  
var wv = plus.android.currentWebview();  
var setting = plus.android.invoke(wv, "getSettings");

详见博客:https://blog.ipromiseyourlife.com/2018/09/19/native-js%E8%AE%BE%E7%BD%AE%E5%8F%AF%E7%BC%A9%E6%94%BE%E7%9A%84webview%E5%B9%B6%E9%9A%90%E8%97%8F%E7%BC%A9%E6%94%BE%E6%8E%A7%E4%BB%B6/

MARKF

< meta name="viewport" content="width=640,initial-scale=0.5,minimum-scale=0.5,maximum-scale=1,user-scalable=no" >

这样就可以了, meta 前面的空格要去掉（直接复制源码评论显示不出来）

该问题目前已经被锁定, 无法添加新回复

width=640页面失真

5 个回复

公告

相关问题

width=640页面失真

与内容相关的链接

5 个回复

公告

相关问题