iOS10のSafariでuser-scalable=no が効かなくズームがされる問題への対策 - Qiita

iOS10から、Safariで viewport の user-scalable=no が効かなくなりました。 ブラウザゲームなどを開発してる場合、ダブルタップで拡大されてしまうためクリティカルな問題になります。 Appleへの恨みを込めつつ、対策方法を調べました。 なお、 参考サイト： http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari に近いですが、このままではうまくいかなかったので、ちょっとアレンジしています。 複数指で拡大縮小が出来てしまうのを防ぐ touchstart のイベントを見て防ぎます。 なお、子要素で、stopPropagation()をしてる場合、バブリングフェーズでpreventDefault()をしても効果がなくなるため、意図的にキャプチャフェーズでp

[daizo1117]

“touch”