这是一个创建于 2306 天前的主题，其中的信息可能已经有所发展或是发生改变。
Meta 里设置 viewport 为 user-scalable=no 已经失效。谁能实现个 demo，在 Safari 和 Chrome 完美阻止缩放就好。需求背景是要求网页移动端里 PWA 运行时不能被用户缩放，防误触，也是为了让体验贴近原生 app。
 |
1
shadowwalker2644 OP 目前网上还没找到可行的方案，实在不行打算研究 js 监听事件来阻断缩放了
|
 |
2
wolfan 2019 年 9 月 21 日 via Android
lz 有办法让 coloros （ o/v 系手机）正常使用 PWA 么，coloros 好像是禁自动添加图标到桌面，郁闷(╥﹏╥)
|
 |
3
luob 2019 年 9 月 21 日
user-scalable 什么时候失效的，为什么不能用？
|
 |
4
tanranran 2019 年 9 月 21 日
1、禁用 control++
2、检测到有缩放，提示用户影响体验 |
 |
5
rabbbit 2019 年 9 月 21 日
minimum-scale=1,maximum-scale=1,user-scalable=no
|
 |
6
Magentaize 2019 年 9 月 21 日 via iPhone
是否能够缩放这取决于浏览器，浏览器可以用更大分辨率进行渲染而不是对网页重排
|
 |
8
honeycomb 2019 年 9 月 21 日 via Android
|
 |
9
temporary 2019 年 9 月 21 日
样式的单位全用 vh vw 缩放就没影响了
|
|
11
shadowwalker2644 OP @honeycomb 比如谷歌地图网页版就有这样的需求啊，两指捏合手势的时候，只缩放地图，不能缩放其他 UI
|
|
12
shadowwalker2644 OP @wolfan Chrome 浏览器也不行吗
|
|
13
shadowwalker2644 OP @Magentaize 以前浏览器会尊重页面的配置的，现在不行了
|
|
14
shadowwalker2644 OP 感兴趣的朋友可以自己简单实现试一下就知道了，实践出真知。
|
|
15
wolfan 2019 年 9 月 22 日
@shadowwalker2644 你觉得的用户会再装个 chrome 么？
|
Select Language