html - 关于移动端网页缩放问题
PHP中文网
PHP中文网 2017-04-17 13:03:16
[HTML讨论组]

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

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

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

图片描述

接下来是重点 看图:

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(6)
高洛峰

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

PHP中文网

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

阿神

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

伊谢尔伦

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

PHP中文网

@DotHide,正解丫!

PHP中文网

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号