iOSでformのinputのフォーカス時に画面がズームするのを防ぐ方法

 

font-size: 16px; はしておきつつ、transform:scale() で縮小表示すると、iOS側には「16pxですよ」と示しつつ、見た目はコンパクト、ということが実現できます。

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

 

参考サイト

https://qiita.com/volkuwabara/items/b285cc312587c73a4812

 

category cloud