모바일 스마트에디터에서 사진크기 화면크기에 맞추기 > 그누보드5 팁자료실

그누보드5 팁자료실

모바일 스마트에디터에서 사진크기 화면크기에 맞추기 정보

모바일 스마트에디터에서 사진크기 화면크기에 맞추기

본문

안녕하세요,

완전 울트라 초보팁인데 저같은 분 혹시 도움되실까 올립니다ㅎㅎㅎ

모바일에서도 에디터창에 맞게 이미지 사이즈 작게 보이는 방법입니다.

 

 

1. 일단 모바일에서도 스마트에디터 적용하기는 작은별님, ㅇrㅎH님 글 참고, 감사합니다.

https://sir.kr/g5_tip/7436

https://sir.kr/g5_plugin/4697

 

 

2. 그런데 가로폭이 아주 큰 사이즈를 업로드하면 그게 에디터창에서 짤려보이잖아요.

처음엔 성격파탄자님 글을 적용했는데 (https://sir.kr/g5_tip/2570)

PC로는 반응형으로 잘 작동하나 모바일에선 여전히 짤려보이더라구요ㅠㅠ

 

 

3. 그래서 해결방법입니다ㅋㅋㅋ 정말 아무것도 아니지만...

허접하지만ㅋㅋㅋㅋ혹시나 저처럼 헤매시는 분 도움이 되시지 않을까?하며...ㅎㅎㅎㅎ

 

plugin > editor > smarteditor2 > css > ko_KR > smart_editor2.css

 

56번째줄에 요렇게 추가해줍니다.

 

#smart_editor2 .se2_content_loading img{position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;max-width:100%; height:auto}

 

 

그러면 PC에서도, 반응형으로도, 또 모바일로도 다 작게 잘 보입니다.

이렇게 말이죠~~~ㅎㅎㅎㅎ

987780552_1573261851.8703.png

 

 

좋은 팁 많이 공유해주시는 전문가분들 항상 감사합니다.

추천
9

댓글 7개

1번에서 작은별님의 true , ㅇrㅎH님의 소스를 붙여 넣고
2번에서 성격파탄자님의 소스 붙여넣고
3번에서 마지막 소스를 붙여 넣으니 완성이 됩니다~~ 감사합니다
전체 2,427 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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