关于移动端网页缩放问题

发布于 2022-09-02 10:49:20 字数 1051 浏览 9 评论 0

移动端 网页 viewport 缩放问题?不是浏览器的缩放设置不同:以下是我的测试结果、分析、和疑问:
我的手机是安卓的,1080*1920分辨率,width=device-width 的结果宽度应该是 360px。下面看代码和图:
图片描述

以下是 chrome 浏览器的 的显示结果:

图片描述

以下是各种 手机 浏览器的显示结果:

图片描述

图片描述

图片描述

图片描述

接下来是重点 看图:

图片描述

图片描述

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

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

发布评论

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

评论(6

倾城花音 2022-09-09 10:49:21

现在有的网站已经使用script标签动态插入meta viewport了,楼主也可以参考一下。

始终不够爱げ你 2022-09-09 10:49:20

干嘛一定要设固定值呢,用 width=device-width 还不够解决问题吗?

一指流沙 2022-09-09 10:49:20

一个QQ浏览器,一个微信内置浏览器;还用说么?

寄居者 2022-09-09 10:49:20

你需要多看些书,,就不打差了

冷︶言冷语的世界 2022-09-09 10:49:20

对于手机移动端需要设置:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

海夕 2022-09-09 10:49:20

@DotHide,正解丫!

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