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