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' 카테고리의 다른 글
[javascript] Slick 슬라이더 페이징, 커스텀 내비게이션, 진행바 달기 - slick slider custom navigation (0) | 2023.08.04 |
---|---|
[javascript] 버튼 클릭하면 클립보드로 텍스트 복사하기 (-를 제외하고 숫자만) (0) | 2023.07.27 |
[HTML/javascript] 옵션 선택에 따라 달라지는 셀렉트 박스 (0) | 2023.06.24 |
[CSS/javascript] 스크롤 하면 줄어드는 헤더 (How To Shrink Navbar on Scroll) (0) | 2023.06.22 |
[CSS] overscroll-behavior: contain의 역할 (0) | 2023.06.18 |