디바이스별 viewport 설정. (수정본)
<?php if(strpos($_SERVER['HTTP_USER_AGENT'],"iPhone")){?>
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"iPad")){?>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android 4")){?>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android 2")){?>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Opera Mini")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Opera 9")){?>
<meta name="viewport" content="initial-scale=0.75, maximum-scale=0.75, minimum-scale=0.75, user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"MSIE")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"FROYO")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }?>
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"iPad")){?>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android 4")){?>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android 2")){?>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Android")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Opera Mini")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"Opera 9")){?>
<meta name="viewport" content="initial-scale=0.75, maximum-scale=0.75, minimum-scale=0.75, user-scalable=no" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"MSIE")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }else if(strpos($_SERVER['HTTP_USER_AGENT'],"FROYO")){?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<?php }?>
댓글 8개
12년 전
이게 아직도 맨위에 올라와있네요.ㅋㅋ
프로프리랜서
12년 전
이것은 뭐죠?
12년 전
모바일웹 접속한 모바일기기별 메타타입 설정입니다.
12년 전
좋은 자료네요..
dsv421
12년 전
감사합니다
riv02
12년 전
감사합니다 !
takumi22
12년 전
좋은 정보 감사해요
10년 전
감사합니다
게시글 목록
| 번호 | 제목 |
|---|---|
| 12386 |
PHP
메타태그 주요정리 입니다.
|
| 12385 |
JavaScript
광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
|
| 12384 |
MySQL
테이블 생성, 컬럼 추가, 삭제, 수정
|
| 12380 |
JavaScript
입력값을 형식에 맞게 해주는 플러그인이네요
3
|
| 12379 |
JavaScript
팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
|
| 12378 |
JavaScript
팝업창 하루에 한번만 열기 입니다
|
| 12377 | |
| 12376 |
jQuery
유투브 관련 플러그인
|
| 12375 |
jQuery
input 태그에 readonly 추가하는 방법
|
| 12374 | |
| 12373 | |
| 12372 |
jQuery
자주 쓰이는 Jquery 팁 20가지 입니다.
|
| 12371 |
jQuery
jQuery 오른쪽 퀵메뉴 입니다.
|
| 12369 |
jQuery
textarea 글자수 카운트 입니다.
1
|
| 368 | |
| 12368 |
jQuery
ifrmae 자동 리사이즈 jQuery 입니다.
|
| 12367 |
jQuery
슬라이딩 형태로 보여주기 입니다.
|
| 12366 |
jQuery
라인 그래프 그리기 입니다.
|
| 12365 |
jQuery
콤보박스관련 플러그인
|
| 12363 |
MySQL
MySQL 기본 명령어 정리 입니다.
1
|
| 12362 |
MySQL
MySQL 한글 정렬하기 입니다.
|
| 12361 |
MySQL
그림을 MySQL DB에 저장하는 방법
|
| 12360 |
JavaScript
엑셀 흉내내기
|
| 12359 | |
| 12358 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기