[HTML] 모바일에서 확대 축소 막기

모바일에서 확대 축소 막기

모바일에서는 손으로 화면 크기를 키우거나 작게 할 수 있습니다.

특히 모바일 웹에서 자주 사용하는 기능 중에 하나지요

아래의 코드를 넣는다면 모바일 웹페이지에서 크기를 변형하는 이벤트를 간단히 막을수 있습니다.

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

viewport에서 user-scalable=no 이거 하나만 넣는다면 모바일에서 강제로 커지거나 작아지는 이벤트를 막을 수 있습니다 (깔끔하게 웹페이지를 볼 수 있습니다)

user-scalable=no // 확대기능 사용여부

width=device-width // 화면 width값을 디바이스에 맞게 맞추는 기능

initial-scale=1.0 // 초기 크기 설정

<head> ~ </head> 사이에 추가하시면 됩니다.