IOS 모바일 - 사파리 - CSS 주의해야 할점

1. input 클릭시 View가 확대 되는 경우

   기존 !하고 탭을 눌러서 생성되는 경우의 메타 태그는

   <meta name="viewport" content="width=device-width, initial-scale=1" />

   이렇게 생성이 된다.

   이걸 아래의 코드로 변경해준다.

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

2. input select의 padding이 적용이 안되는 경우
   대신에 heigth과 line-height text-indent 사용

3. height vh가 아이폰 자체 하단 메뉴 UI에 덮어 씌어지는 경우가 있다.
   vh 대신에 height:auto나 100%를 사용할 것