我用浏览器打开一个页面，网页会自动适应手机大小，
但是用webview open同样的页面，网页不会自动缩放，且没办法向浏览器一样用手势缩放，请问该在哪里设置呀？
5***@qq.com
- 发布：2016-07-19 15:10
- 更新：2016-07-19 19:56
- 阅读：4159
最佳回复
Trust - 少说废话
请参考5+的webview模块中，对webviewObject设置style，中的scalable属性，并且结合meta标签中的属性来实现。
代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5,user-scalable=yes" />
<link href="../../css/mui.min.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">标题</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 1
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 2
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 3
</a>
</li>
</ul>
</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
plus.webview.currentWebview().setStyle({
scalable: true
});
});
</script>
</body>
</html>请注意meta标签中的minimum-scale=1,maximum-scale=5,user-scalable=yes三个参数的设置，来实现可缩放，以及缩放的范围。
5***@qq.com (作者)
感谢您的回复，我是在当前这个页面打开一个页面做为新闻详细页，，按照您的提示，打开的那个页面可以缩放了，但是是否可以在初始化的时候定义meta标签呢？？
mui.init();
//初始化操作
var subpage_style = {
top: '45px',
bottom: '0',
scalable: true
};
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var w = plus.webview.create(self.url, self.url, subpage_style);
w.show();
})
2016-07-19 20:46
Trust
回复 5***@qq.com:meta标签是写在html页面里面的，您想实现哪张页面进行缩放，在制作html页面的时候进行对应参数的修改即可。
2016-07-20 08:15
5***@qq.com (作者)
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var w = plus.webview.create(self.url, self.url, subpage_style);
w.show();
})
你看这端代码，我是通过webview.create直接打开的外部网页，是不是就没办法处理了呀
2016-07-22 11:01
Trust
回复 5***@qq.com:不能哦。
2016-07-22 11:09