첨부파일 https://eond.com/gnuboard/434123

1. 브라우저 크기를 줄일 경우 반응형이 동작됨.


2. 크롬 개발자도구에서 모바일 디바이스 보기로 변경시 반응형이 동작되지 않음.


한참 찾았네요-.-;

theme\made\head.php

theme/테마명/head.php


// 사이트 너비
$tset['size'] = (int)$tset['size'];
if($tset['size'] > 0) {
   $tset['size'] = $tset['size'];
} else {
   $tset['size'] = (G5_IS_MOBILE) ? 1200 : 1100;
}

?>
<style>
   .nt-container { max-width:<?php echo $tset['size'];?>px; }
   .no-responsive .wrapper { min-width:<?php echo ($tset['size'] + 40);?>px; }
</style>


이런 코드가 있더군요..-_-;

그런데 해보니 위 코드를 지워줘도 그대로 모바일이 아닌 피씨로 보이더군요...ㅠ


theme\made\head.sub.php


먼저 저 위에 코드는 상관이 없었고, head.sub.php 파일에서 모바일 여부를 체크하는 코드가 있었습니다.


<html lang="ko" class="<?php echo (G5_IS_MOBILE) ? 'is-mobile' : 'is-pc'; ?>">
<head>
<meta charset="utf-8">
<?php
if (G5_IS_MOBILE) {
    echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
    echo '<meta name="HandheldFriendly" content="true">'.PHP_EOL;
    echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;
} else {
    echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
    echo '<meta http-equiv="imagetoolbar" content="no">'.PHP_EOL;
    echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">'.PHP_EOL;
}

pc인지 아닌지 체크하는 코드가 여기 이 파일에 있더군요.

원래 반응형이 동작하려면 메타태그에 뷰포트를 지정하는 코드가 있어야 했는데,

이게 빠져있어서 동작을 안했던거 같더군요..


모바일이든, 피씨든 상관 없이 반응형으로 만들 땐 pc 코드 부분에 메타태크 부분을 추가해줬습니다.

그리고 나서야 정상적으로 이제 크롬 개발자도구에서 모바일 반응형이 정상적으로 동작했습니다.


휴우..


#그누보드반응형 #그누보드반응형테마 #그누보드메타태그 #그누보드망할


코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 59 articles in 1 / 3 pages
번호 제목 제목 글쓴이 글쓴이 날짜날짜 조회 수
공지 그누보드 팁사이트 이온디 2018/01/22 67
59 그누보드 한줄뉴스 뉴스티커 전광판 한줄게시물 슬라이딩 이온디 2020/06/02 29
58 [팁] 최신글 일반 탭메뉴(둘째삼식) 파일 [1] 이온디 2020/05/25 51
57 [팁] 최신글 G5용 "무한 탭최신글"스킨(3종) 및 라이브러리입니다.(모바일 포함) 파일 이온디 2020/05/25 31
56 [잡담] 그누보드는 탭형 최근게시물 위젯이 없....나요.. 이온디 2020/05/25 26
55 [잡담] 그누보드 탭형 최근게시물 위젯...(__); 파일 이온디 2020/05/24 12
54 [나리야] 나리야에 owrl.carousel 과 sly.min.js가 기본 탑재되어있군요.. 이온디 2020/05/20 27
현재글 [팁] 테마 반응형으로 작업시 크롬 모바일 보기에서 반응형이 동작되지 않을 경우, 파일 이온디 2020/05/19 9
52 [잡담] 나리야 0.4 -> 1.0.3으로 업데이트! 파일 이온디 2020/05/19 8
51 그누보드5 테마수정경로 이온디 2020/05/11 40
50 [테마] 나리야 테마 만들기(4) - 헤더&메뉴 파일 이온디 2020/05/10 29
49 [테마] 나리야 테마 만들기(3) 파일 이온디 2020/05/10 44
48 [잡담] 비밀글 그누보드를 작업해보니깐.. [1] 이온디 2020/05/10 5
47 [테마] 나리야 테마 만들기(2) 파일 이온디 2020/05/10 8
46 [나리야] 나리야 테마 넓이 설정 파일 이온디 2020/05/10 9
45 [나리야] 나리야 메뉴 설정하기 파일 이온디 2020/05/10 8
44 [테마] 나리야 테마 만들기(1) 파일 이온디 2020/05/10 10
43 [잡담] 그누보드 테마 다운로드 이온디 2020/05/10 8
42 [나리야] 나리야 소개 이온디 2020/05/10 17
41 이윰빌더에서 아미나빌더로 이전 이온디 2020/05/10 7
40 비밀글 스포츠토토제작사 이온디 2020/05/10 0

해시태그 디렉터리