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
'Front-end > HTML&CSS' 카테고리의 다른 글
| [CSS] Hover 하면 현재 배경 색상에서 어두워지게/밝아지게 하는 CSS Trick (0) | 2023.10.25 |
|---|---|
| [CSS] Firefox에서도 문제없는 백그라운드 이미지 디졸브/크로스페이드 효과 CSS - Firefox background-image animation not smooth (0) | 2023.08.17 |
| [CSS] overscroll-behavior: contain의 역할 (0) | 2023.06.18 |
| 반응형 웹사이트 미디어쿼리 브레이크포인트 잡을 때 참고사항 (0) | 2023.06.01 |
| [HTML/CSS] DIV 안에 이미지 가득 차게 중앙 정렬하기 (0) | 2023.05.23 |