답변 3개 / 댓글 3개
채택된 답변
+20 포인트
테마를 사용중이시라 가정하고 답변 드립니다 ~
/theme/basic/theme.config.php 파일의 7라인 부분을 아래와같이 pc로 변경해주세요.
pc 로 설정하여 PC버전만 사용하게 됩니다.
Copy
define('G5_THEME_DEVICE', 'pc');/theme/basic/head.sub.php 파일의 아래부분을 변경해주세요.
Copy
// 변경전
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=edge">'.PHP_EOL;
}
// 변경후
// 모바일용 뷰포트 스케일을 전체적용
echo '<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">'.PHP_EOL;
echo '<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">'.PHP_EOL;간혹 특정 문제로 모바일용 뷰포트가 적용이 안되는 경우가 있기때문에
사전에 모바일 화면을 고려하여 뷰포트를 적용 합니다.
위 코드는 사용자가 임의로 화면을 확대 할 수 없습니다.
user-scalable 을 yes 로 하고 maximum-scale 을 10정도로 하면
사용자가 임의로 화면을 확대할 수 있습니다.
예) user-scalable=yes, maximum-scale=10
위 두가지만 미리 하시고 코딩하시면 될것 같습니다.
테스트하실때
URL 끝에
&device=pc
&device=mobile
각각 붙이셔서 테스트 해보세요.
답변을 작성하려면 로그인이 필요합니다.