关于移动端网页缩放问题

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

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

图片描述

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

图片描述

图片描述

图片描述

图片描述

接下来是重点 看图:

图片描述

图片描述

阅读 9.6k
6 个回答

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

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

新手上路,请多包涵

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

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

@DotHide,正解丫!

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题