묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
iframe 으로 넣은 구글 캘린더가 모바일 브라우저에서 짤리는 문제
2015.02.28 16:28
XE 초보자가 질문 하나 드립니다.
구글 캘린더를 문서게시판의 html 에디터를 통해 <iframe>...</iframe> 으로 넣어보았습니다만,
PC 버전에서는 잘 나옵니다.
그런데
이 캘린더를 스마트폰에서 열면 가로방향이 짤리며, 이때 스크롤도 되지 않습니다.
반면 세로방향은 짤리더라도 스크롤이 되는데 말이죠.
현재 사용중인 XE 버전은 1.7.11이고요,
모바일 레이아웃은, 'XE 공식 사이트 모바일 레이아웃' ( ./m.layouts/default) 를 사용 중 이며,
모바일 스킨 역시 'Default Mobile Page Skin' 을 사용 중 입니다.
PC버전으로 width와 height이 지정된 구글 캘린더를 모바일 브라우저에서도 잘 볼 수 있도록
1) 가로스크롤이 되거나,
혹은
2) 좁은 화면 너비에 맞추어서 스케일링 될 수 있는 방법이 있을까요?
읽어주셔서 감사합니다.
댓글 2
-
run4
2015.03.01 22:36
-
DoorWeb
2015.03.02 16:41
엄밀히 말하면 위 팁은 일정한 비율을 유지하는 div를 만드는 팁일겁니다.
동영상이나 지도같은 경우 사용되는 팁인데 ie 쪽에서는 안된다고 하더군요.
여기저기 다니다보니 좋은 해답 하나를 찾았습니다.
https://niklausgerber.com/blog/responsive-google-or-bing-maps/