iPhone（ios）でselectタグをタップした時に画面を拡大させない方法

2017年7月5日

iPhone（ios）でコーディングの実機確認をしている時に、selectタグをタップすると画面が拡大されて煩わしいと思うことがあるのですが、cssで簡単に解決できる方法を紹介したいと思います。

iPhoneでselectタグをタップした時に画面拡大させないcss指定

select {
font-size:16px;
}

select {

font-size:16px;

}

なぜ上記の指定で解決できるかというと、そもそも画面が拡大される理由として、フォントが小さくて見にくい場合にユーザビリティを考慮して拡大されるのだそうです。なのでフォントを大きく（16px以上）指定してやれば、それだけで回避できるということです。