viewport 설정 문의 드립니다.
본문
수고하십니다.
https://sir.kr/g5_skin/44775 사용하려고 하는데
아래와 같은 설명을 해주셨습니다.
head.sub.php 파일의 뷰포트(viewport)설정 부분을 설정하라고 하시는데
어떻게 해야 모바일과 pc에서 1:1로 보여지게 할 수 있을까요?
조언 좀 부탁드립니다.
감사합니다.
<?php
if (G5_IS_MOBILE) {
echo '<meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">'.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;
}
if($config['cf_add_meta'])
echo $config['cf_add_meta'].PHP_EOL;
?>
샘플사이트는 그누보드 기본세팅의 모바일버전을
사용하지 않고 모바일버전에서도 PC버전이 보이도록 설정이 되어 있습니다~
그누보드폴더/config.php 파일의 130라인 쯤에
사용기기설정을 아래와같이 PC로 바꿔주시시면 됩니다.
define('G5_SET_DEVICE', 'pc');
모바일 접속시 화면이 작게 보일텐데 이거는
사용하고계시는 head.sub.php 파일의 뷰포트(viewport)설정 부분을
모바일과 동일하게 변경해주시면 됩니다.
답변 2
echo '<meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">'.PHP_EOL;
를
echo '<meta name="viewport" id="meta_viewport" content="width=device-width, initial-scale=1, user-scalable=no">'.PHP_EOL;
로 변경하시면 됩니다
// 사용기기 설정
// pc 설정 시 모바일 기기에서도 PC화면 보여짐
// mobile 설정 시 PC에서도 모바일화면 보여짐
// both 설정 시 접속 기기에 따른 화면 보여짐
여기 설명대로 설정하시면
viewport 는 기기에 따라서 설정되도록 되어 있습니다.
답변을 작성하시기 전에 로그인 해주세요.
