iOSでサービスを見た時にinputタグでのズーム対策

原因

• iOSデバイスでサービスを閲覧して16px以下で指定しているinputタグのフォーカス時にズームされてしまうみたいです。

対策

• 今回の行った対策として、metaタグのviewportの中身にmaxmum-scale=1.0を指定しました。しかし、参考記事にもよるとこの対策ではアクセシビリティ違反になるみたいです。今回、私が行っていた実装の中身を見るとmetaタグのcontent属性の中身を見るとwidth=375が指定されていました。その副作用なのか、initial-scale=1.0がなかったのでそちらを指定したら改善されました。

参考記事