묻고답하기
이미지 비율 관해 문의드립니다
2016.07.15 16:18
제가 문서 페이지에 이미지추가를 통해 경로는 ./layouts/xedition/img/example.png 형식으로 넣은 후 사이즈 확인 후 이미지를 넣었습니다. 이렇게 넣은 것 외에는 따로 변경한 것은 없습니다.
컴퓨터 뿐만아니라 모바일로도 보았을때도 글씨가 깨지지 않고 이미지도 적당한 사이즈로 변하게 하고 싶은데요, 화면을 줄였을 때 글씨는 깨지지 않고 적당하게 배치가 되는데, 이미지가 가로만 줄어들 뿐 높이가 줄어들지 않습니다. 가로와 세로 비율을 적절하게 유지하며 사이즈가 줄게 하고싶습니다. 따로 코드를 수정해야 하나요?
댓글 2
-
이미지가 로컬로 되있어서 어떤상황인지 잘 파악이 되지않습니다만, img의 style에 height: auto; 를 지정해주시면 될겁니다.
-
rlath4
2016.07.18 11:52
답변 감사합니다~! 알려주신대로 height: auto;를 지정해보았는데요, 변경이 되지않아서요 제가 수정을 잘못한것 같기도 하구요ㅠㅠ xe/modules/editor/styles/ckeditor_lighter에 있는 editor.css파일 코드에서,
.xe_content.editable img{ border:0; max-width:100%; height:auto; } 이렇게 수정했습니다. 다시 실행해 보았는데요 변경이 되지않아서 다시 질문드려요ㅠㅠ 답장 주시면 감사하겠습니다~~ 그리고 이미지 파일 첨부합니다!
