반응형웹 관련 > 그누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 검색하셔서 참고하세요~
© SIRSOFT
현재 페이지 제일 처음으로