(모바일) 내용 페이지에 이미지, 유튜브 가로 사이즈 조절

skin의 style.css 

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

 

skin의 view관련 코드에 추가

<?if(G5_IS_MOBILE){?>
	<script src="<?php echo G5_JS_URL; ?>/jquery.mobile.resize.js"></script>
<?}?>

 

 

/js 에 파일 추가

jquery.mobile.resize.js.zip

0.00MB

 

 

 

 

참고

https://sir.kr/g5_tip/1733

https://sir.kr/g5_tip/2024