IOS 禁止縮放頁面的實現(xiàn)方法
IOS 禁止縮放頁面的實現(xiàn)方法
在ios10前我們能通過設(shè)置meta來禁止用戶縮放頁面:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
在ios10系統(tǒng)中meta設(shè)置失效了:
為了提高Safari中網(wǎng)站的輔助功能,即使網(wǎng)站在視口中設(shè)置了user-scalable = no,用戶也可以手動縮放。
解決方法:監(jiān)聽事件來阻止
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) }
以上就是對IOS 禁止用戶縮放頁面的實現(xiàn)方法,如有疑問,請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
全面解析iOS應(yīng)用中自定義UITableViewCell的方法
這篇文章主要介紹了iOS應(yīng)用開發(fā)中自定義UITableViewCell的方法,示例為傳統(tǒng)的Obejective-C語言,需要的朋友可以參考下2016-04-04iOS開發(fā)中UIImageView控件的常用操作整理
這篇文章主要介紹了iOS開發(fā)中UIImageView控件的常用操作整理,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-01-01iOS使用 CABasicAnimation 實現(xiàn)簡單的跑馬燈(無cpu暴漲)
本篇文章主要介紹了iOS使用 CABasicAnimation 實現(xiàn)簡單的跑馬燈(無cpu暴漲),具有一定的參考價值,有興趣的可以了解一下。2017-01-01iOS開發(fā)中UIPopoverController的使用詳解
這篇文章主要介紹了iOS開發(fā)中UIPopoverController的使用,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-11-11IOS 開發(fā)之對象為空的判斷(nil、null)詳解
這篇文章主要介紹了IOS 開發(fā)之對象為空的判斷(nil、null)詳解的相關(guān)資料,需要的朋友可以參考下2017-02-02使用設(shè)計模式中的Singleton單例模式來開發(fā)iOS應(yīng)用程序
這篇文章主要介紹了使用設(shè)計模式中的Singleton單例模式來開發(fā)iOS應(yīng)用程序的例子,示例代碼為傳統(tǒng)的Objective-C語言,需要的朋友可以參考下2016-03-03