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

Web関連
Web関連

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

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

これはよろしくない。

 

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

 

html {
    touch-action: manipulation;
}

 

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

スマホでダブルタップしたときに拡大しないようにするCSS - くらげになりたい。
ボタンを連打できるようにしたいなと思ったら、ズームされて連打しにくかったので、調べてみたときの備忘録。touch-actionで制御できるみたい。touch-actionを設定するhtml{touch-action:manipulation;}以上!!参考にしたサイト様touch-action-CSS:カスケーディング...

 

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