html5로 제작시 모바일에서 작동이 안되는데요
본문
config,php에서 모바일은 false 적용하고
PC버전으로 사용하려고 하는데요,
PC에서는 헤더, 푸터 적용이 되는데
모바일에서는 헤더 부분이 적용이 안됩니다.
메뉴선택바도 안보이는데
html5 템플릿으로 제작시 어느부분을 수정해야 모바일에서도 정상적으로 작동하나요?
답변 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;
echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=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;
}
g5_is_mobile 전역변수에 값이있다면 모바일용 메타를 생성해줘서
페이지의 크기나 움직임등을 모바일에 맞게 정의하는데..
그부분을 false 시켰으니 당연히 위의 메타테그등이 적용 안되겠지요.
모바일용 헤더도 가져오지 않구요.
config.php 에서 모바일여부를 true 로 주시고.
그에따른 모바일스킨에 수정을 하여 맞추시는게 낫습니다.
아니면 모바일,PC 상관없는 반응형으로 가시던가요.
