모바일웹앱 작업중인데 모바일에서 input이 포커스될때 자동으로 zoom이 되어서 불편했음

이유를 알아보니 폰트크기가 16px미만일시 확대를 해준다고 한다

쓸데없이 친절하군…

그래서 input 혹은 textarea의 폰트크기는 무조건 16px로 했다.

이렇게 하면 확대안됨!

input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}

참고: https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone