【1分でできる】iOSのフォーム入力で画面が拡大されてしまった時の対処法【CSS】

投稿日:

iOSでフォームに入力しようとしたら画面が勝手にズームされてしまったことはありませんか?

今回は、そんな時の対処法をお伝えします。

拡大の原因と対処法

なぜ拡大してしまうかというと、iOSはfont-sizeがデフォルトで16pxとなっている為、それを下回るサイズを指定すると親切心(?)で勝手に調整してしまうみたいです。

対処法はめちゃくちゃ簡単!inputfont-size:16px;にしておくだけです。

CSS

input{
	font-size:16px;
}

まとめ

いかがでしたでしょうか?

勝手に拡大されると、ユーザーが困惑してしまいサイト離脱の原因になりかねないので、確実に対処しておきましょう!

-CSS

Copyright© Web Emo , 2024 All Rights Reserved.