详细问题描述
[内容]
更新完8.1之后,基于mui的app缩放全乱了
重现步骤
[步骤]
更新hbuilder8.1版本
连接电脑,真机调试
[结果]
基于mui的app样式缩放全乱了
[期望]
正常缩放
运行环境
[系统版本]
android 6.0
[浏览器版本]
锤子m1
[IDE版本]
8.1.0.201704101430
[mui版本]
Mui v3.5.0
附件
[代码片段]
[安装包]
联系方式
[QQ]496278000
[电话]
详细问题描述
[内容]
更新完8.1之后,基于mui的app缩放全乱了
重现步骤
[步骤]
更新hbuilder8.1版本
连接电脑,真机调试
[结果]
基于mui的app样式缩放全乱了
联系方式
[QQ]496278000
[电话]
我也是这一个问题,更新版本之后,下面的代码就失效了,打包之后,在手机上,页面不能适应手机页面,
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
准确来说,不是样式乱了,是网页里面的手机自适应代码失效了,导致手机页面是按照电脑来显示的,所以,你的内容就错位了,这一句话,原本是调整电脑和手机页面的自适应问题的,但是更新之后,就失效了
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
已经找到解决方案了,你直接复制官方的<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">,不要使用自己的,
Trust - 少说废话
尝试设置webview的样式http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStyles中的scalable为true。