반응형
모바일에서 확대 축소 막기
모바일에서는 손으로 화면 크기를 키우거나 작게 할 수 있습니다.
특히 모바일 웹에서 자주 사용하는 기능 중에 하나지요
아래의 코드를 넣는다면 모바일 웹페이지에서 크기를 변형하는 이벤트를 간단히 막을수 있습니다.
<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> 사이에 추가하시면 됩니다.
반응형
'웹언어 > HTML' 카테고리의 다른 글
| IOS video태그의 playsinline 속성에 대해서 (0) | 2024.08.19 |
|---|---|
| [HTML] a 태그의 모든 것 (2) | 2021.05.30 |
| [HTML] select 하나만 골라봐 (6) | 2021.05.26 |
| [HTML] 파비콘 설정하기 (15) | 2021.05.12 |
| [HTML] meta 설정하기 open graph (14) | 2021.05.09 |
