苦力怕水的博客

原创 无js完美禁用网页放大等浏览器自带手势操作，达到仿app效果

最近在开发一个网页小游戏，为了良好的游戏体验需要禁用网页放大、滚动，达到类似于app的效果。首先是 html head 里的内容，从规定上禁用缩放。<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>然后在CSS里加了overflow:hidden禁止滚动，用user-select禁止