[css] mobile에서 input:focus인풋 포커스시 확대 막기 disable auto zoom in input text


모바일웹앱 작업중인데 모바일에서 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




© 2018. by sora

Powered by sora