기존 모바일에서 확대 축소를 막기 위해선
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
코드만 추가해주기만 하면 정상적으로 작동이 됬습니다.
IOS 10 이후 새 기능으로
To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.
가 추가됨과 동시에 user-scalable=no 만으로는 아이폰 사파리에서 확대 축소가 불가능해졌습니다.
오늘은 css의 touch-action 으로 모바일 확대 축소 막는 방법을 알아보겠습니다.
touch-action: pan-y;를 사용하게 되면 세로 터치는 가능하게 되고 전체 확대는 불가능하게 됩니다.
감사합니다.