본문 바로가기
IT&Guide

웹사이트 스마트폰 접속 시 페이지가 기본적으로 정상적으로 표시되고, 사용자가 손가락으로 확대할 수 있도록 하려면? 메타테그

by Jigton GAL 2024. 7. 2.
반응형

페이지가 기본적으로 정상적으로 표시되고 사용자가 손가락으로 확대할 수 있도록 하려면, 다음과 같이 <meta name="viewport"> 태그를 설정해야 합니다

 

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

 

 

위 태그에서:

  • width=device-width는 페이지의 너비를 장치의 너비에 맞춥니다.
  • initial-scale=1.0는 페이지가 기본 크기로 표시되도록 합니다.
  • maximum-scale=3.0는 사용자가 최대 3배까지 확대할 수 있도록 합니다.
  • user-scalable=yes는 사용자가 손가락으로 확대할 수 있도록 합니다.

이 설정은 페이지가 처음 로드될 때 정상 크기로 표시되며, 사용자가 손가락으로 확대하거나 축소할 수 있게 합니다.

 

반응형

댓글