Q&A

반응형 레이아웃 이용중 모바일 버젼 줌 확대 설정 하는 방법을 알고 싶습니다

타탕
2022.05.29 10:59
1,548
0
3
CMS/프레임워크 XE 1.x
개발 언어 PHP 7.0

안녕하세요 반응형 레이아웃 구매하여  PC버젼과 모바일 버젼을 같이 사용중입니다

 

pc 레이아웃 과 모바일 레이아웃 따로 설정하여 viewport 줌 설정해서  해보면 가능 확대 축소 가 가능한데

구매한 반응형 레이아웃 을 PC 와 모바일 뷰 사용을 안하고 같이 설정하였을때는 확대축소가 설정이 안먹힙니다

다른 방법이 없을까요? 

pc 레이아웃에서 viewport 을 설정해야 하는건지 만약 설정을 해야 한다면 어느 경로에 어떻해 구현해야 하는지 

알고 싶습니다 .

 감사합니다

 

 

 
목록

댓글 3

  • 토비리
    2022.05.29 14:53 #1688773

    반응형 레이아웃을 사용할때는, PC 레이아웃만 사용하는 것으로 설정하고, 모바일 레이아웃은 사용안함을 선택해야지요. 이 이외에도, viewport 설정할때 유의할 점이 있는데, 흔히, 반응형에 2가지 모드만 있다고 생각하는데, 사실 3가지가 있습니다. 

    1. PC에서 PC 레이아웃으로 보기
    2. 모바일에서 PC 레이아웃으로 보기 (모바일 브라우져에 desktop 보기 선택항목이 있음)
    3. 모바일에서 모바일 레이아웃으로 보기

    관리자 페이지에 있는 viewport 항목에 고정값을 입력해버리면, 모바일에서 데스크탑 보기를 할수가 없게 됩니다. 따라서, 관리자 페이지의 viewport 값은 비워두고, layout.html의 위쪽에 다음과 같은 코드를 넣는 것이 좋습니다.

     

    {@ $_is_mobile = Mobile::isMobileCheckByAgent()}
    <!--@if($_is_mobile)-->
    {Context::addHtmlHeader('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">')}
    <!--@end-->

     

    추천 0
  • 타탕
    2022.05.30 04:37 #1688932
    네 답변 감사합니다 설명 하신 대로 차근차근 설정해보겠습니다
    추천 0
  • december
    2022.06.17 09:23 #1692941

    크롬 모바일의 경우 토비리 님 말씀대로 설정이 되어있음에도 본인의 핸드폰에서 확대 보기가 안될 경우의 확인도 필요합니다.
    저도 확대 축소 관련 문제가 있어서 몇일 고생하다 제 폰에 (크롬 모바일) 설정을 해야 된다는걸 알게 되어 늦게 나마 답글 올려 봅니다.
    https://support.google.com/chrome/answer/96810?hl=ko&co=GENIE.Platform%3DAndroid&oco=1

    추천 0
1 2 3 4 5