퍼오는 외부 이미지 크기 리사이징
CMS/프레임워크 | Rhymix 2.0 |
---|---|
개발 언어 | PHP 7.2 |
문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
안녕하세요.
커뮤니티를 운영하고 있는사람입니다!
이미지 업로드는 자동으로 크기가 넘어가지 않게 자동으로 설정이 되는데
그냥 원본문을 자체를 긁어오는 이미지 크기를 화면에 넘어가지 않게 자동조정? 리사이징..할수있는 방법이 있을까용?
스킨폴더 내부에 js파일에
bord_m.js안에
jQuery('.xe_content img').css({'width': 'auto'});
를 넣어봤는데 적용이 안되는건지.. 알수가 없네용 ㅠㅠㅠ
문제의 사진은 아래에 있습니당
빠른별
Lv. 3
https://mbong.kr
댓글 12
.xe_content img,
.rhymix_content img {
max-width: 100% !important;
height: auto !important;
}
.xe_content img,youtube,iframe
.rhymix_content img {
max-width: 100% !important;
height: auto !important;
}
이렇게 넣으면 될까용?
동영상 삽입은 모듈이나 애드온을 주로 사용해서 나타내기 때문에 해당 페이지를 봐야 알수 있을 것 같습니다.
유튜브 입니당
아이프레임 입니당
이거 한번 설치해보세요
https://xeplus.io/testboard_editor/104587
https://mbong.kr/cafe24/613949 의경우 gfycat iframe 인데 사용중인 게시판 스킨의 css 에 아래와 같은 코드를 입력해보세요.
.xe_content iframe[src*="gfycat.com"]{
max-width:100% !important;
}
.xe_content iframe[src*="www.youtube.com"]{
max-width:100% !important;
}
결과
혹시 만약에 세로길이도 이쁘게해서 적용하려면
.xe_content iframe[src*="gfycat.com"]{
max-width:100% !important;
max-height:100% !important;
}
.xe_content iframe[src*="www.youtube.com"]{
max-width:100% !important;
max-height:100% !important;
}
이렇게하면 될까요?