【html】スマホのダブルタップによる画面拡大を無効にするCSS:touch-action

Web関連
Web関連

ゲーム系サイトのコーディングをしている際に、ボタンを連打させる画面がありまして。

実装後にいざiPhone実機で操作したところ、連打中に画面が拡大される・・・

これはよろしくない。

 

ダブルタップによるズームアップを無効にする方法は無いか調べてみると、CSS1行で解決しました。

 

html {
    touch-action: manipulation;
}

 

以下のサイト様を参考にさせて頂きました。多謝。

https://www.memory-lovers.blog/entry/2020/01/27/170000

 

タイトルとURLをコピーしました