スマホ対応のレスポンシブWEBデザインでプルダウンなどのformが拡大ズームさせない為の方法

スマホ対応のレスポンシブWEBデザインでプルダウンなどのformが拡大ズームさせない為の方法

スマートフォン用のレスポンシブにメディアクエリーでmobile.cssなど作ってやっていても、
プルダウン選択などのフォームパーツのところで、

実際にプルダウンを押すと、画面が勝手に拡大されてしまい、
項目を選択した後も、元の大きさに戻らず、

中途半端に拡大されたままになってしまいます。

そのようなときは、
ビューポートの設定に、
, user-scalable=no”
を付け加えるだけで勝手に画面が拡大ズームされるのを防ぐことが出来ます!!

(例)

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP