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

그누보드5 팁자료실

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

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

첨부파일

2017.01.03_00.png (4.5K) 18회 다운로드 2017-01-03 13:27:38
2017.01.03_01.png (8.8K) 0회 다운로드 2017-01-03 13:27:38
2017.01.03_02.PNG (23.9K) 3회 다운로드 2017-01-03 17:41:13

본문

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

내용은 동일합니다.






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

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

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

#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%;
}



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


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

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

... 중략 ...

?>
아래에

<script src="<?php echo G5_JS_URL; ?>/jquery.mobile.resize.js"></script>

를 삽입해줍니다.





크롬의 경우


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

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

댓글 5개

전체 99 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT