모바일 홈페이지 뷰포트(viewport) 설정
페이지 정보
작성자 YJNet 작성일14-03-14 14:32 조회8,204회 댓글0건본문
모바일 홈페이지를 만들때 뷰포트를 설정해야 합니다.
<head> 부분에 삽입
width=device-width : 화면폭을 device 크기로
initial-scale : 초기 확대 비율
minimum-scale : 최소 축소 비율
maximum-scale : 최대 확대 비율
user-scalable : 화면 확대/축소 가능 여부
user-scalable=yes:확대 가능, user-scalable=no:확대 불가능
maximum-scale : 최대 확대 비율
user-scalable : 화면 확대/축소 가능 여부
user-scalable=yes:확대 가능, user-scalable=no:확대 불가능
<뷰포트 사용 예>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">
댓글목록
등록된 댓글이 없습니다.