ios禁止網頁放大縮小

2021-09-23 01:29:05 字數 861 閱讀 2102

在ios10之前都是通過

<

meta

name

="viewport"

content

="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"

>

來強制不讓手機瀏覽器縮放的,但是公升級到ios10後safari不再識別這個meta標籤。所以得用js來hack一下:

禁用雙指縮放:

document.documentelement.addeventlistener(

'touchstart', 

function (event)

}, false);

禁用手指雙擊縮放:

var lasttouchend = 0;

document.documentelement.addeventlistener(

'touchend', 

function (event)

lasttouchend = now;

}, false);

如果在ios10的safari中設定了viewport,其實雙擊放大也是不生效的,所以個人覺得在ios10上比較好的解決方案是先設定viewport,然後再用js禁用雙指縮放即可,無需再設定禁用雙擊縮放。

同時給出這個解決方案的作者還提出了乙個有情提示,如果任何乙個子元素的touch事件設定了stoppropagation阻止事件冒泡的話,可能還是會失效,而且在ios10中你的輸入框字型最好不要小於16px,否則ios在輸入框獲得焦點時可能還是會強制放大。

iOS8上放大縮小的動畫

cgaffinetransformmakescale這個方法我們以前經常使用,但是在ios8上出現問題了 uiview animatewithduration 0.3 animations bgview.frame cgrectmake 0,0 y 2 width,height logoimagev...

OpenGL放大縮小實現

本文採用兩種方式,在opengl中實現放大縮小功能 方式一.改變 視點 與模型之間的距離 改變模型視點變換矩陣 對於這種方式存在三個問題需要解決 縮放過程過渡平滑 當模型放大或縮小到一定程度,減慢其縮放速度,以免視點很快地貼近模型或消失在場景中 防止視點進入模型內部 解決方案 使用反正切函式 y 0...

放大縮小 去處寶山這個地方把世界放大又縮小

寶山智慧型灣,在這座由各種顏色的貨櫃設計改造而來的新型園區裡,隨處可見科技與藝術的融合,除了6月舉行的首屆智慧型灣夜生活節 9月新開的大陸首家星巴克貨櫃店 梅派青衣史依弘的劇場 家宋思衡的多 工作室,這裡還藏著乙個工業旅遊地標 首個中國3d列印文化博物館。彼時,這裡是上海第三毛紡織廠的倉庫用地,如今...