본문 바로가기
Front-end

그누보드 모바일 버전 해제하고 반응형 웹으로 사용하는 방법

by 셀킴 2023. 7. 22.
728x90

그누보드에 기껏 반응형 CSS로 작업 해놨더니 모바일 디바이스에서는 못생긴 그누보드 모바일 웹으로 연결 됐다.

ㅂㄷㅂㄷ.. 여기서 PC버전으로 들어가도 이상한 뱌율로 보인다.
이 문제는 config 설정 변경을 통해 해결할 수 있다.

1. public_html의 config.php 파일을 연다.


2. use_mobile을 검색해 'G5_USE_MOBILE' 부분을 찾는다.

3. 모바일 홈페이지를 사용하지 않기위해 true->false로 변경해준다.


그러면 이렇게 PC사이트를 기준으로 반응형 스타일이 적용되어 보인다.

 

그리고 head.sub.php 파일에서

<?php
if (G5_IS_MOBILE) {
    echo '<meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0">'.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;
}

 

G5_IS_MOBILE 조건문을 풀어준다.

모바일에서 PC 배율처럼 보이는 문제가 해결된다.

 

  <?php echo '<meta name="viewport" content="width=device-width, initial-scale=1.0">'.PHP_EOL;
    echo '<meta http-equiv="X-UA-Compatible" content="IE=Edge">'.PHP_EOL;

 

위 두개정도와 필요로 하는 태그를 남겨두면 될듯.

 

 

 


간단하게 해결완

 

728x90