모바일웹 Meta tag 이용하여 화면 최적화 하기 > 홈페이지제작

본문 바로가기

팝업레이어 알림

팝업레이어 알림이 없습니다.
사이트 내 전체검색


회원로그인

카카오톡친구추가 제임스 SNS마케팅 사용자모임 네이버밴드초대

접속IP:34.236.190.216



홈페이지제작

모바일웹 Meta tag 이용하여 화면 최적화 하기

페이지 정보

작성자 운영자 작성일15-03-07 17:14 조회520회 댓글0건

본문

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=yes; width=device-width;height=device-height" />

width
뷰 포트의 픽셀 가로 길이를 지정. 가로 길이를 지정하지 않으면 데스크탑 사이즈로 지정.
(모바일 사파리의 경우는 980픽셀로 지정됨.)
 
height
뷰 포트의 픽셀 세로 길이를 지정. 일반적으로, 이 속성에 대한 지정은 하지 않아도 무관 함.
 
initial-scale
처음 모바일 페이지가 보여질 때 페이지 배율을 지정. (0~10.0)
1은 확대 불가, 2는 두배로 확대 (1.0으로 설정하는 것이 안정적임.)
user-scalable=yes;라고 지정해야함
값이 크면 확대, 값이 작으면 축소
 
minimum-scale
사용자가 축소할 수 있는 최소 배율을 지정. (0~10.0)
모바일 사파리는 기본으로 0.25로 설정.  
 
maximum-scale
사용자가 확대할 수 있는 최대 배율을 지정. (0~10.0)
모바일 사파리는 기본으로 1.6으로 설정.
 
user-scalable
사용자가 배율을 확대 또는 축소 허용 여부를 설정.
모바일 사파리는 기본으로 '사용 함'으로 설정.


*viewport가 지원되지 않을 때
불행하게도 viewport는 모든 모바일 브라우저엣 지원되지 않습니다. 이러한 경우에는 다른 meta tag를 사용하는 것도 방법 중 하나 입니다.

<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>


*head 에 들어가는 그 외 소스
<link rel="apple-touch-icon" href="home.png" />   <!--홈 버튼 아이콘 추가 반사효과 지원-->
<link rel="apple-touch-icon-precomposed" href="home.png" />    <!--홈 버튼 아이콘 아이폰 특유의 반사효과 미지원-->
 
<meta name="apple-touch-startup-image" href="startup.png" />  <!--Startup 이미지 | icon size : iPhone (57*57) / iPad (72*72)-->
<meta name="apple-mobile-web-app-capable" content="yes" />   <!--전체화면에서 실행하기-->
 

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오스토리로 보내기

댓글목록

등록된 댓글이 없습니다.

홈페이지제작 목록

Total 37건 1 페이지
홈페이지제작 목록
번호 제목 글쓴이 날짜 조회
37 특수문자 아스키 문자 인코딩 관련정리 인기글 운영자 12-28 277
36 리눅스에서 특수문자 파일 삭제 인기글 운영자 09-10 276
35 jQuery Selector 셀렉터 사용법 인기글 운영자 02-08 302
34 상업적인 이용이 가능한 무료 이미지 사이트 모음 댓글2 인기글 운영자 05-19 1023
33 모바일로 접속시 리다이렉트 시키는 모두[modoo.at]소스 인기글 운영자 05-03 1217
32 [PHP] 열린 문서의 절대경로, 상대 경로, URL, URI 나타내기 인기글 운영자 04-30 701
31 F5, F11을 통한 소스보기 마우스 우클릭 드래그 막기 인기글 운영자 04-16 496
30 폼 전송시 한글 문자열이 깨질 때 댓글1 인기글 운영자 03-25 535
29 자바스크립트 javascript 브라우저 체크, 익스플로러 버전체크 인기글 운영자 03-25 609
28 레퍼러 referer 포함하는 팝업만들기 인기글 운영자 03-24 475
27 그누보드 data폴더 퍼미션 변경 인기글 운영자 03-24 535
26 그누보드에서 외부 smtp 사용하여 메일보내기 댓글1 인기글첨부파일 운영자 03-19 803
25 MySQL 해당 필드에 중복된 값 찾기 인기글 운영자 03-08 431
열람중 모바일웹 Meta tag 이용하여 화면 최적화 하기 인기글 운영자 03-07 521
23 국내 Open Api 모음 인기글관련링크 운영자 03-06 6120
22 RGB 색상표 검색기능도 있습니다. 인기글 운영자 02-18 1044
21 웹학교 코딩공부 유튜브 동영상 강좌 전체 목록 댓글2 인기글첨부파일 운영자 02-08 594
20 코딩공부 최고사이트 w3schools.com (html / css / java / jquery / xml /… 인기글첨부파일 운영자 02-08 464
19 웹사이트가 어떤 서버로 가동되는지 기타 등등 파악할수 있는 사이트 인기글첨부파일관련링크 운영자 02-02 373
18 웹문서 삭제 처리 방법 인기글 운영자 02-01 803
게시물 검색


홈쇼핑 인기상품을 국내 최저가로 구매하실 분들만 들어 오세요.^0^

*패쇄몰*이라 국내 최저가가 가능합니다.

새로운 상품을 매일 공동구매로 진행.

*패쇄몰*이라 싸게 판매가 되어 금방 매진이 됩니다.(꼭 참고 하세요)

오셔서 득템 하세요. ^0^

후회하지 않습니다.^0^

교환,반품,A/S도 철저히 이루어 집니다.

아래 주소로 들어오시면 됩니다.^0^

▶밴드 바로가기 클릭◀
https://bit.ly/2q69oFl

접속자집계

오늘
44
어제
307
최대
5,398
전체
2,001,286
Copyright © http://jamesoft.kr All rights reserved.
상단으로
모바일 버전으로 보기