모바일 스마트에디터에서 사진크기 화면크기에 맞추기
안녕하세요,
완전 울트라 초보팁인데 저같은 분 혹시 도움되실까 올립니다ㅎㅎㅎ
모바일에서도 에디터창에 맞게 이미지 사이즈 작게 보이는 방법입니다.
1. 일단 모바일에서도 스마트에디터 적용하기는 작은별님, ㅇrㅎH님 글 참고, 감사합니다.
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에서도, 반응형으로도, 또 모바일로도 다 작게 잘 보입니다.
이렇게 말이죠~~~ㅎㅎㅎㅎ
좋은 팁 많이 공유해주시는 전문가분들 항상 감사합니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 7개
2번에서 성격파탄자님의 소스 붙여넣고
3번에서 마지막 소스를 붙여 넣으니 완성이 됩니다~~ 감사합니다