앵귤러 summernote 모바일 화면에서 이미지 사이즈 조절

앵귤러에서 summernote 를 사용하는 과정에서 이미지를 첨부하면 데스크탑 환경에서는 정상적으로 보이는데, 모바일 사이즈에서 이미지가 너무 커서 화면을 뚫고 나가버리는 문제가 생겼다. 시행착오 끝에 stack overflow에서 해결방안을 찾게 되었다.

 

/*summernote images size fix*/

::ng-deep .ngx-summernote-view img{

  max-width: 100%;

}

 

이미지 최대 사이즈를 지정함으로써 더이상 모바일 화면에서 이미지가 화면 밖으로 나가지 않는다.