모바일기기에서 pc버전으로 보기시
본문
device=mobile, pc 등을 통해 모바일기기에서 'PC화면'버튼으로 보면.
해상도가 모바일기기 한화면에 가득차지않고 아래 스크롤이 생기는데요,
pc에서 보는것처럼 전체가 다 보이게하려면 어떻게해야하나요?
답변 2
viewport 라는 설정이 들어가 있어야 합니다.
viewport 에서 가로크기를 device 크기로 설정하시면 됩니다.
head.sub.php가 아래처럼되어있는데.
어디를 수정해야하는건가요?
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
<?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 http-equiv="Content-Type" content="text/html; charset=utf-8" />'.PHP_EOL;
echo '<meta http-equiv="imagetoolbar" content="no">'.PHP_EOL;
echo '<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">'.PHP_EOL;
}
if($config['cf_add_meta'])
echo $config['cf_add_meta'].PHP_EOL;
?>
<meta charset="utf-8">
이거 바로 밑에
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
이 부분을 빼주세요..
이걸빼도 줌아웃이 안되요~
전체화면은 보이지만 화면해상도가 pc처럼 보이지않고 모바일 사이즈로 보이면서 아래 스크롤이 생기는데요~
