확대방지 meta 태그

bella·2022년 5월 31일
0
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

viewport 부분에 'user-scalable=no' 추가하기


  • width : 가로 크기
    숫자로도 크기 지정 가능함
    device-width 로 값을 지정할 경우 기기의 화면 크기에 맞춰짐
    height=device-height 값으로 세로크기의 비율도 지정할 수 있음

  • initial-scale : 로드되었을 때 줌 레벨
    1.0 (= 100%)

  • maximum-scale : 최대 줌 레벨 지정
    기본값 0.25

  • minimum-scale : 최소 줌 레벨 지정
    기본값 1.6

  • user-scalable : 확대축소 가능한지 yes, no 값으로 지정
    기본값은 yes
    no 값으로 설정할경우 input영역 선택시 확대되는 것을 막고, 사용자가 화면을 확대, 축소하는 것을 방지함

profile
기록하며 공부하기

0개의 댓글