禁止移动端的缩放,同时兼容iphone,重点苹果端的禁止缩放

禁止移动端的缩放,同时兼容iphone,重点苹果端的禁止缩放


干干干货!!!!!!!!

安卓代码:

<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">

iphone端代码:

<script>

    //判断是否Safari浏览器

    var userAgent = navigator.userAgent;

    if (userAgent.indexOf("Safari") > -1) {

        // 禁止苹果手机或ipad在放大缩小

        window.οnlοad=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)

        }

    }

</script>


如果要全部禁止缩放的话要全部加到你的项目里!!!!!!!




参考:H5禁止移动端,iPad放大缩小界面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容