Front-end
그누보드 모바일 버전 해제하고 반응형 웹으로 사용하는 방법
셀킴
2023. 7. 22. 22:03
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
반응형