目前我们使用 vue 的前端项目中, 页面在某些 app 客户端的 webview 中打开之前遇到一个问题, 页面被放大了 3 倍或者 4 倍的大小;
出现这个问题的原因是因为客户端 webview 的一些设置项, 有两种办法可以解决:
- 1,
- // 扩大比例的缩放
- settings.setUseWideViewPort(true);
- // 自适应屏幕
- settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
- settings.setLoadWithOverviewMode(true);
- 2,
设置我们页面中 viewport 的 initial-scale=1 初始比例为 1 后可以正常显示, 但是改 pagescale 中计算的 initial-scale 有可能其他地方会有显示问题, 不推荐
来源: http://www.qdfuns.com/note/49488/e11839917a0910b8fe65734b4df5fb0b.html