2023年1月14日 星期六

如何禁止網頁在ios 上手指雙點的時候放大

網路上搜尋有幾個解法如下:

1.在網頁上加一段javascript 語法 *有用* 

document.ondblclick = function(e) {
        e.preventDefault();
    }

2.加Meta如下 *實際測試沒有用* 

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

3.加Css fix如下 *實際測試沒有用* 

body{
    touch-action: manipulation;
}

但是使用下面這段,可以禁止縮放,而且是雙點或用兩根指頭縮放都會禁止,但是因為網頁也不能往下滑動,所以如果網頁內容超出目前螢幕範圍外,就不能往下滑動瀏覽

body{
    touch-action: none;
}

以上,目前還不知道為何2跟3沒作用,上面的解法1只能讓兩次點擊時不會放大,但是兩隻手指縮放還是可以