아이폰 사파리에서 input 입력 상자에 포커스가 갈 때 화면이 자동으로 확대되는 동작은 브라우저의 기본 동작입니다. 그러나 브라우저의 확대 동작을 비활성화하는 viewport meta 태그를 사용하여 이 동작을 변경할 수 있습니다.
아래의 코드를 HTML 문서의 <head> 섹션에 추가하여 화면 확대를 비활성화할 수 있습니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
위의 meta 태그에서 user-scalable=no 속성은 사용자가 확대/축소를 비활성화하도록 합니다. 이렇게 설정하면 사용자가 아이폰 사파리에서 input 상자에 포커스를 줄 때 자동으로 화면이 확대되지 않습니다.
다만, 이렇게 설정하는 것은 사용자의 확대/축소 기능을 비활성화시키는 것이므로, 사용자 경험에 영향을 미칠 수 있습니다. 이러한 변경은 신중하게 고려하여 사용해야 합니다.