shadowwalker2644
V2EX  ›  问与答

求教网页如何阻止用户对整个页面进行缩放

  •  
  •   shadowwalker2644 · Sep 21, 2019 via Android · 3936 views
    This topic created in 2602 days ago, the information mentioned may be changed or developed.

    Meta 里设置 viewport 为 user-scalable=no 已经失效。谁能实现个 demo,在 Safari 和 Chrome 完美阻止缩放就好。需求背景是要求网页移动端里 PWA 运行时不能被用户缩放,防误触,也是为了让体验贴近原生 app。

    15 replies  •  2019-09-22 09:24:45 +08:00
    shadowwalker2644
    shadowwalker2644
    OP
    Sep 21, 2019 via Android
    1
    目前网上还没找到可行的方案,实在不行打算研究 js 监听事件来阻断缩放了
    wolfan
    wolfan
    Sep 21, 2019 via Android
    2
    lz 有办法让 coloros ( o/v 系手机)正常使用 PWA 么,coloros 好像是禁自动添加图标到桌面,郁闷(╥﹏╥)
    luob
    luob
    Sep 21, 2019
    3
    user-scalable 什么时候失效的,为什么不能用?
    ByteRan
    ByteRan
    Sep 21, 2019
    4
    1、禁用 control++
    2、检测到有缩放,提示用户影响体验
    rabbbit
    rabbbit
    Sep 21, 2019
    5
    minimum-scale=1,maximum-scale=1,user-scalable=no
    Magentaize
    Magentaize
    Sep 21, 2019 via iPhone
    6
    是否能够缩放这取决于浏览器,浏览器可以用更大分辨率进行渲染而不是对网页重排
    cutlove
    cutlove
    Sep 21, 2019
    7
    @rabbbit safari 早就不认了
    honeycomb
    honeycomb
    Sep 21, 2019 via Android
    8
    @shadowwalker2644 用户大不了进一步强行打断你的 js 监听。

    怎么可以做这样的事?
    temporary
    temporary
    Sep 21, 2019
    9
    样式的单位全用 vh vw 缩放就没影响了
    temporary
    temporary
    Sep 21, 2019
    10
    @temporary #9 刚试了下 chrome 有效 safari 无效 😓
    shadowwalker2644
    shadowwalker2644
    OP
    Sep 21, 2019 via Android
    11
    @honeycomb 比如谷歌地图网页版就有这样的需求啊,两指捏合手势的时候,只缩放地图,不能缩放其他 UI
    shadowwalker2644
    shadowwalker2644
    OP
    Sep 21, 2019 via Android
    12
    @wolfan Chrome 浏览器也不行吗
    shadowwalker2644
    shadowwalker2644
    OP
    Sep 21, 2019 via Android
    13
    @Magentaize 以前浏览器会尊重页面的配置的,现在不行了
    shadowwalker2644
    shadowwalker2644
    OP
    Sep 21, 2019 via Android
    14
    感兴趣的朋友可以自己简单实现试一下就知道了,实践出真知。
    wolfan
    wolfan
    Sep 22, 2019
    15
    @shadowwalker2644 你觉得的用户会再装个 chrome 么?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4854 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 08:39 · PVG 16:39 · LAX 00:39 · JFK 03:39
    ♥ Do have faith in what you're doing.