input - 입력 태그 자동 확대 비활성화

input 에 포커스 시 자동 확대 되는 이

viewport 메타 태그에 user-scalable=no 속성을 추가해주시면 됩니다.

XML/HTML/SVG

<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

테스트 하던 도중 input 포커시 자동확대 되는 현상이 생김. 모바일에서만 일어났던 현상 대체로 글자 크기를 16px (11px) 이상으로 설정하면 자동 줌인을 막을 수 있음

CSS

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  .input-group {
    .form-control {
      font-size: 16px;
    }
  }
}

webkit-overflow-scrolling: touch속성은 모바일 사파리에서만 지

CSS

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}