🕹️ 티스토리 헬로우(hello) 사진(이미지)이 본문 폭을 넘은 경우

어느 날 우연히 모바일 구글 검색으로 직접 작성한 게시글을 보게 되었는데

첨부했던 사진크기가 본문 폭을 초과하여 크게 나오고 글씨는 되게 작게 보인다는 사실을 알게 되었습니다.

(티스토리 어플로 보면 멀쩡하게 보여서 이러한 사실을 뒤늦게 알게 되었네요..)

 

아래 사진처럼 이미지 길이가 본문 길이보다 크게 보여, 글씨는 되게 작게 보이고 사진만 크게 보이는..매우 이상한 상황입니다.

 

 

여러 고수님들이 올려주신 방법대로 해보았지만 버전의 차이인지 도무지 해결이 되지 않아,

서치를 더 해보았고 최종적으로 성공하여 공유합니다.

 

 

 

1. CSS에서 imageblock 검색

 

2. @media all and (min-width: 1100px)에서 width: 100% !important }} 까지 전부 삭제

(아래 노란색 구간)

 

 

3. 삭제했던 자리에 아래 코드 삽입

@media all {   #content .contents_style figure.imageblock.alignCenter,   #content .contents_style figure.imageblock.alignLeft,   #content .contents_style figure.imagegridblock {     width: 100% !important   } } img, video {   max-width: 100%;   height: auto; }

 

 

이러고 다시 접속하면 정상적으로 본문 길이에 맞게 이미지 크기가 조정된 것을 확인할 수 있습니다.