스레드
이온디

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;
}

?>

   .nt-container { max-width:px; }
   .no-responsive .wrapper { min-width:px; }


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

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

theme\made\head.sub.php


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


">


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

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

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


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

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


휴우..


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


1. 브라우저 크기를 줄일 경우 반응형이 동작됨. 2. 크롬 개발자도구에서 모바일 디바이스 보기로 변경시…
0 좋아요 0 답글 295 조회