[css] td 안의 img 파일의 크기를 자동으로 리사이징 하기

현상

 - td 안에 에디터에서 저장한 값을 표현할때 그대로 넣으면 td 값을 넘어서 img 이미지가 넘쳐서 보이게 된다. 

 해결

  - css의 max-width를 이용

.request-service__commentTable td img {
   max-width:100%;
}

위와 코드는 해당 클래스 명 아래 td 안에 있는 img 태그에는 모두 max-width를 적용한다라는 뜻이다.

img에 width, height 가 설정되어있어도 우선순위가 더 높은 max-width를 따라가게 된다. 

< max-width 적용 전 >

< max-width 적용 후 >

이미지가 눌려서 깨지는 현상이 발생하지만 전체 이미지를 다 볼 수 있게 된다.