html - 关于移动端网页缩放问题
PHP中文网
PHP中文网 2017-04-17 13:03:16
0
6
286

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

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

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

图片描述

接下来是重点 看图:

PHP中文网
PHP中文网

认证高级PHP讲师

membalas semua(6)
小葫芦

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

洪涛

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

阿神

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

伊谢尔伦

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

洪涛

@DotHide,正解丫!

Ty80

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan