[html/css] html meta viewport example / html 이미지 확대 막는 방법

[html/css] html meta viewport example / html 이미지 확대 막는 방법

 

 

html 에서

 

특정 사이트는

 

이미지 확대가 안되게 막혀있는 경우가 있습니다.

 

바로 meta 태그중 viewport 라는 값 때문인데요,

 

이번에는 이미지 확대를 막는 방법을 공유해보겠습니다.

 

 

아래와 같이 meta viewport 를 하나 작성합니다.

<meta name="viewport">

 

그리고 위 meta tag 에 아래 나와있는

 

내용을 추가합니다.

user-scalable=no

 

정상적으로 추가가 되면 아래와 같이 meta 태그가 작성되어 있어야 합니다!

<meta name="viewport" user-scalable=no>

 

그리고 새로고침 후 다시 확인해 보시면

 

확대가 안되는것을 확인할 수 있습니다!

 

참고들 하세요!