'내용관리'로 만든 페이지의 이미지나 동영상을 모바일에서 창 크기에 맞춰 출력 > 자유게시판 | 그누보드5

'내용관리'로 만든 페이지의 이미지나 동영상을 모바일에서 창 크기에 맞춰 출력

  • profile_image
    굵은측근
    • 0건
    • 115회
    • 17-01-03 10:50

관련 글
http://sir.kr/g5_tip/1733
http://sir.kr/g5_tip/2024

내용은 동일합니다.


{이미지:0}

{이미지:1}

관리자 모드 → 게시판 관리 → 내용관리 → 수정

어떤 스킨을 사용하는 지 확인하고, 해당 스킨을 수정합니다.

테마의 스킨이라면...
아래 소스를 'theme/사용 테마/mobile/skin/content/basic/style.css' 파일의 하단에 삽입해 줍니다.

[code]#ctt_con img,
video {
    display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}[/code]


'jquery.mobile.resize.js' 파일을 js 폴더에 넣어주어야 하는데
위 관련 글에서 이미 넣었을테니 생략...


그리고 'theme/사용 테마/mobile/skin/content/basic/content.skin.php' 파일에서

[code]<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

... 중략 ...

?>[/code]아래에

[code]<script src="<?php echo G5_JS_URL; ?>/jquery.mobile.resize.js"></script>[/code]
를 삽입해줍니다.



{이미지:2}

크롬의 경우


모바일 브라우저 설정에서 '인터넷 사용 기록'을 모두 삭제하고 재접속하면 반영됩니다.

예 : http://internationale.kr/bbs/content.php?co_id=2017&device=mobile

댓글0

등록된 댓글이 없습니다.

댓글
자동등록방지 숫자를 순서대로 입력하세요.
이름
비번
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna ad minim.
Copyright 2021. All Rights Reserved by (주) 코리아산업