【报Bug】页面设置 <meta name="viewport" content="width=640"> ios 打包后无法自动缩放

分类：HTML5+

iOS HTML5

详细问题描述
ios 打包后 <meta name="viewport" content="width=640"> 无法自动缩放

重现步骤
页面 meta 设置 <meta name="viewport" content="width=640">
[结果] ios 打包页面无法自动缩放，安卓没问题
[期望] ios 也能自动缩放

运行环境
[系统版本] win7
[浏览器版本] chrome
[IDE版本] 8.8
[mui版本] 没使用 mui

附件
[代码片段]
[安装包]

联系方式
[QQ] 48199539
[电话] 13764342512

2017-07-05 23:58 负责人:无分享

4 个回复

n***@gmail.com

IOS 设备上的缩放页面除了要在页面中设置之外还需要通过plus.webview的API设置页面可缩放

http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStyles

plus.webview.currentWebview().setStyle({"scalable":true});

飞机头 (作者)

加了好像也不行额。。能帮我再看下吗？

2017-07-07 13:37

飞机头 (作者)

设置了 ios 端也没用额。。是这样设置么？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=640, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>

<link href=./static/css/app.b36b066cc5008b257c1fda2ea4ee3061.css rel=stylesheet>  

<script type="text/javascript">  

    document.addEventListener('plusready', function(){  
        //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"  

        plus.webview.currentWebview().setStyle({"scalable":true});  

    });  

</script>

</head>
<body>

<div id=app></div>  
    <script type=text/javascript src=./static/js/manifest.617d864cf0814ed9816e.js></script>  
    <script type=text/javascript src=./static/js/vendor.7912960b0d96a91761fc.js></script>  
    <script type=text/javascript src=./static/js/app.7d9956c52b57e76cf65e.js></script>

</body>
</html>