解决iOS10下Meta设置user-scalable=no无效问题

苹果为了提高Safari中网站的辅助功能,屏蔽了Meta下的user-scalable=no功能

所以在iOS10下面,就算加上user-scalable=no,Safari浏览器也能支持手动缩放

解决这个问题的办法可以用Js监听来阻止手动进行缩放

以下是代码

//通过touchstart和touchend
window.onload=function () {  
        document.addEventListener('touchstart',function (event) {  
            if(event.touches.length>1){  
                event.preventDefault();  //阻止元素的默认行为
            }  
        })  
        var lastTouchEnd=0;  
        document.addEventListener('touchend',function (event) {  
            var now=(new Date()).getTime();  
            if(now-lastTouchEnd<=300){  
                event.preventDefault();  
            }  
            lastTouchEnd=now;  //当前为最后一次触摸
        },false)  
    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是一个独居画家的故事。 红色的苹果娇艳欲滴,配着蓝色的桌布,渲染出一副美丽的静物画。画家对已经装裱并悬挂好的这幅...
    少牧_阅读 3,624评论 2 0
  • 在平常的日子里,我经常会问的一句话就是:这是什么? 一直在农村里长大,到上初中才住校,一直到大学毕业。现在赋闲...
    姚立阅读 1,207评论 0 0
  • 熟悉了来买肉的主顾,尤其喜欢韩叔叔。 他来的最晚,五点过就到了。 第一天,我什么都不会,他拿起器具自己烧肉,再后来...
    乔疯star阅读 1,441评论 0 0
  • 今天上午没有延袭昨天的打电话,而是趁早上人流量大,多发点传单,多要点号码。一般情况下,我是在宏叶咖啡的那个十字...
    冉冉乔治阅读 2,338评论 1 1

友情链接更多精彩内容