iphoneで入力フォームを選択すると画面が拡大されてしまう問題

iphoneで入力フォームを選択すると画面が拡大されてしまって、フォーカスを外しても元に戻らなくてうざい!
当いうことがあるらしいです。Android派なので知りませんでした。

inputのフォントサイズが16px未満だとこの現象が起きるそうです。
transform:scaleI(0.8)で16pxだけど小さく表示することで回避できます。

input[type=text] {
    font-size: 16px;
    transform: scale(0.8);
}

カテゴリ:CSS 投稿日時:2019年8月25日 15:20


コメント

コメントはまだありません。

コメント投稿

ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。

ニックネーム

コメント

カテゴリ

新着備忘録

CakePHP3にUpload Pluginをインストール

CakePHP3にUpload Pluginをインストールする方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

要素の背景にbackground-size:coverみたいに動画を配置する

要素の背景にbackground-size:coverみたいに動画を配置する方法です。

iphoneで入力フォームを選択すると画面が拡大されてしまう問題

iphoneで入力フォームを選択すると画面が拡大されてしまう問題を解決する方法