[meta 메타태그] 모바일 기기에서 화면이 확대/축소되지 않도록 설정하기

www.thewordcracker.com/basic/disable-pinch-to-zoom-in-wordpress/.

 

요즘 나오는 대부분의 워드프레스는 반응형(Responsive)으로 나오기 때문에 모바일 기기에서는 자동으로 모바일 버전이 표시됩니다. 모바일 버전에서 손가락을 벌리거나 오므리면 화면이 확대/축소되지 않도록 설정하려면 다음 코드를 header.php 파일에 추가하도록 합니다.

 

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

 

인터넷 익스플로러(IE) 10 버전에서 제대로 작동하지 않는 경우 -ms-content-zooming: none | zoom 구문을 사용합니다

html { -ms-content-zooming: none; -ms-touch-action: pan-x pan-y; }