묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일 페이지에서 확대 문의드립니다.
2014.04.11 10:24
모바일 페이지에서 화면 확대 및 축소가 되지가 않습니다.
반면에 타사이트는 확대 및 축소가 잘 되더라구요.
해결 방법좀 부탁드리겠습니다..
댓글 4
-
브레인630
2014.04.11 11:15
-
포동이
2014.04.11 12:34
모바일 페이지는 기본 dafault 스킨을 사용하고 있는데, 경로좀 알려주시면 정말 감사하겠습니다..
-
브레인630
2014.04.11 13:07
모바일 페이지를 변경하시려면 기본 모바일 레이아웃 파일을 수정하셔야 합니다.
XE가 설치된 폴더 내에 common>tpl을 보시면
mobile_layout.html 파일을 확인하시면 됩니다.
파일 내에서
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
로 되어 있는 부분을
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3, user-scalable=yes" />
으로 수정을 하시면 됩니다. 숫자는 조정해보시고 적당한 숫자로 입력하시면 됩니다. 3은 3배까지 확대를 시킨다는 개념쯤으로 아시면 됩니다. ^^;
-
포동이
2014.04.11 13:12
와 정말 친절한 답변 감사드립니다.
너무 잘되네요~~항상 건강하시고 부자되세요~!!^^
보통 화면 확대/축소는 meta태그로 제어하고 있습니다.
레이아웃 소스상에서
<meta name="viewport" content="width=device-width,...
로 시작되는 부분을 찾으셔서
user-scalable=no로 되어 있다면 user-scalable=yes로 수정을 하시고(사용자가 화면비율을 조정하게끔 하는 옵션)
maximum-scale=1로 되어 있는 부분의 숫자를 2,3등의 숫자로 조절하면 확대가 가능하실 듯 합니다.
축소는 minimum-scale=1로 되어 있는 부분의 숫자를 조절하면 되시구요...
maximum-scale은 최대로 확대할 수 있는 비율을 minimum-scale 축소할 수 있는 비율값을 의미합니다.