安卓app内嵌套webview viewport失效

发布于 2022-09-05 07:26:49 字数 402 浏览 15 评论 0

    var dpr = 1 / window.devicePixelRatio;
    document.write('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale='+dpr+',minimum-scale='+dpr+',maximum-scale='+dpr+'" />')
    var fz = document.documentElement.clientWidth / 20
    document.getElementsByTagName('html')[0].style.fontSize = fz + 'px';

这段代码在IOS的APP内没有问题,但是在安卓的APP内不能缩放

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

那请放手 2022-09-12 07:26:49

之前也是非常诡异地,在某些机型上出现了这种情况,有记录的是小米系列的机型,当时我想着输出一下屏幕宽高试试?然后log出来之后,莫名其妙就好了,就是下面这个输出:

console.log("设备屏幕宽度: " + document.body.offsetWidth);

没有深究,楼主尝试下吧。

摇划花蜜的午后 2022-09-12 07:26:49

引用了flexible库,解决了问题

↘人皮目录ツ 2022-09-12 07:26:49

安卓那边的webview有开通viewport的权限吗?
webview权限是需要开通有些功能才能用的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文