반응형 웹페이지 관련 질문입니다.
본문
궁금한게 있어 질문 드립니다.
반응형으로 웹페이지를 만들어 모바일에서 보면 해상도에 맞게 레이아웃이 변해야 되는데요,
레이아웃이 pc에서 보는 것 같이 모바일에서 축소되서 보입니다.
이럴때는 뭘 봐야 하나요?
답변 1
head.sub.php 에서 모바일 일 경우 뷰포트 확인.
if (G5_IS_MOBILE) {
echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
echo '<meta name="HandheldFriendly" content="true">'.PHP_EOL;
echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;
} else {
echo '<meta http-equiv="imagetoolbar" content="no">'.PHP_EOL;
echo '<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">'.PHP_EOL;
}
config.php / 129 라인
define('G5_USE_MOBILE', true); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
이걸 확인 해보세요.
그누보드 베이스가 아닌 일반 웹페이지면 메타태그에
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
게 들어가야 합니다.