반응형웹 관련 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

반응형웹 관련 정보

반응형웹 관련

본문

<meta name="viewport" content="width=640px,user-scalable=yes" />
<meta name="viewport" content="width=device-height" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)"/>

<script type="text/javascript">
var viewPortWidth = $(window).width();
if (viewPortWidth > 767){//아이패드 사이즈일때
document.getElementsByTagName("meta")[3].content="width=device-width,initial-scale=1,minimum-scale=1; maximum-scale=1";
}else if (viewPortWidth < 768){//모바일 사이즈일때
document.getElementsByTagName("meta")[3].content="width=640px, target-densitydpi=device-dpi ";//user-scalable=no
}

var ua = window.navigator.userAgent.toLowerCase();
if ( /shv-e160/.test( ua ) || /shv-e210/.test( ua ) ){ //갤럭시노트 or 갤3
document.getElementsByTagName("meta")[3].content="width=640px, target-densitydpi=device-dpi,user-scalable=no";
}


반응형웹인 한 병원 홈페이지에 들어가보니깐
viewport 관련해서 저렇게 되어있더라구요

근데 제가 똑같이 코드 따사 하니깐 자꾸 모바일로보면 확대?줌??이되잇어요...ㅠㅠ
딱 맞게 안되있고

css도 맞게 줬는뎅.....테스트도 완료해봣는뎅
viewport만 문제네요~

희안하네....
저 스크립트나 viewport태그가 잘못된건가용?

common.php관련해서 그런건 관련없겠죠?ㅎㅎ
include 시켜놧는데.. ㅎㅎ 호옥~시나해서 ㅎㅎ

댓글 전체

보통 반응형 웹은 responsive.css 를 만들어서 사용합니다.
위의 처럼 사이즈만 확인해서는 안되고

각각의 사이즈일때 css를 바꾸서 사용합니다.
이미지 크기나 폰트 크기 / 좌우측메뉴를 위로 올리거나 등등
구글에서 css responsive하고
css viewport 검색하셔서 참고하세요~
전체 66,558 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT