1. HOME
  2. html_css
  3. スマホブラウザの拡大をしないようにする方法「user-scalable=no」

スマホブラウザの拡大をしないようにする方法「user-scalable=no」

フォームを入力する際にタップすると拡大してしまい、そのままズームになったままになってしまうことがある。

入力のたびに拡大して、それを解除してってやっていると入力するのがめんどくさくなってしまう。

それを防ぐために何かないか。

スマホブラウザの拡大をしないようにする方法

これを解決するためにuser-scalable=noを使います。

このuser-scalable=noは、“スマホのブラウザで拡大・縮小を禁止するもの”

記載方法は、head内に

html

フォーム画面ならまだいいかもしれない。
でも文字や画像を拡大して見たい時のにもズームができなくなってしまうということだから、
ユーザビリティは決して良くない。

だけど、ios10以降では、これが使えなくなっているらしい。
つまり、「ユーザにとっては良くないからあまり使わないでね?」ということなのでしょうか。

JSで制御する方法もあるらしいけれど、それはまた別の記事で、、、

他のカテゴリーの記事をみる