테마 반응형으로 작업시 크롬 모바일 보기에서 반응형이 동작되지 않을 경우,

2020년 05월 19일

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