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

안녕하세요,

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

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

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에서도, 반응형으로도, 또 모바일로도 다 작게 잘 보입니다.

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

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