홈페이지 폭을 모비일 화면에 맞추려면
본문
이리저리 검색을 해서 찾아서, 아래와 같은 메타 태그를 넣긴 했는데, 잘 안되네요.
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
어떻게 하면, 홈페이지 폭이 모바일화면에 맞춰서 표시 될까요.....
답변 2
<?php
// 모바일 에이전트 목록
$mobile_agent = '/(iPod|iPhone|Android|BlackBerry|SymbianOS|SCH-M\d+|Opera Mini|Windows CE|Nokia|SonyEricsson|webOS|PalmOS)/';
// preg_match() 함수를 이용해 모바일 기기로 접속하였는지 확인
if(preg_match($mobile_agent, $_SERVER['HTTP_USER_AGENT'])) {
// echo '모바일로 접속하셨습니다.';
// 웹페이지 크기를 모바일 장치에 맞게 자동 조절하기
?>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi"/>
<?
} else {
// echo 'PC로 접속하셨습니다.';
}
?>
글로만 봐서는 모르겠구요~
어떻게 화면이 나오는지를 봐야 알것 같네요
html이나 css가 잘못 들어갔을수도 있거든요
홈페이지 주소를 알려주시는게 가장 빠를듯 하네요
답변을 작성하시기 전에 로그인 해주세요.