(BS5용) TOAST UI Editor용 웹진 게시판 스킨에서 첨부사진처럼 이미지가 그대로 축소되어 출력하려면 어떻게하나요? > 질문과 답변

원하는 디자인을 위해서는 CSS스타일을 수정해야 하며 width, max-width, height, max-height 속성을 활용해야 합니다.
웹진 게시판 목록 파일 22줄 소스들을 다음의 소스들로 변경 또는 비교해 수정하기 바라며
그로 인해 영향을 받는 부분과 맞춰야 할 다른 디자인 사항도 CSS스타일로 수정하기 바랍니다.

.board-webzine .webzine-item {position:relative;border-top:1px solid #eaeaea;width:100%;padding:20px 0;display:flex}
.board-webzine .webzine-item .webzine-img {flex-shrink:0;margin-right:20px}
.board-webzine .webzine-item .webzine-desc {flex-grow:1;position:relative}
.board-webzine .webzine-item .webzine-noimg-desc {position:relative}
.board-webzine .webzine-item .webzine-img-box {position:relative;}
.board-webzine .webzine-item .webzine-img-box-in {position:relative;overflow:hidden}
.board-webzine .webzine-item .webzine-img-box-in:after {content:"";text-align:center;position:absolute;display:block;left:0;top:0;opacity:0;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.board-webzine .webzine-item .webzine-img-box-in img {max-width:inherit;height:inherit;max-height:200px;width:auto;}
.board-webzine .webzine-item .webzine-img-box-in .movie-icon {display:inline-block;position:absolute;top:50%;left:50%;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:40px;transform:translate(-50%,-50%);z-index:1}

고맙습니다.

소스는 그대로 적용하였으며 브라우저 캐시 삭제하고 확인해도 변하지 않네요