간단한 정보

제목블로그 이미지가 늘어날 경우 해결 방법2021-08-21 20:15
작성자 Level 10

블로그나 사이트에 이미지를 업로드할 경우 기기에 따라서 이미지가 늘어지는 현상이 생기는 경우가 있습니다. 저도 이번에 게시판을 설치하였는데 이미지가 늘어지는 현상이 생겨서 어떻게 해결을 해야 하는지 알아보았는데 저 같은 경우는 에디터의 문제로 바꾸고 싶었지만 되지 않아서 html 수정하기로 했습니다.

저 같이 에디터가 이미지를 반응형으로 되지 않을 경우에는 아래의 html 을 수정해주게 되면 모든 기기에서 늘어지지 않고 제대로 이미지가 나올 것입니다. 

img alt="" src="https://greenblog.co.kr/wp-content/uploads/mangboard/2021/08/21/F276_mamamoo_official_239434386_269354034665099_7074960922193266757_n.jpg%26quot%3B%20style%3D%3Cspan%20style%3D"color:#c0392b;">"width: 1080px; height: 712px;"

이미지를 업로드하신 후에 html 보기, 소스 보기를 누르게 되면 html으로 볼 수 있는데 여기서 위에 강조된 부분을 보게 되면 사이즈가 정해져 있기 때문에 맞지 않을 경우에 이미지가 늘어날 수 있습니다.

 "width: 100%; height: 100%;"

그래서 빨간색 부분을 위에 코드로 바꿔주시게 되면 이미지가 더 이상 늘어나지 않습니다. 해당 부분을 계속 바꾸는 것이 귀찮기 때문에 되도록이면 에디터를 바꾸거나 사용하고 있는 사이트나 블로그 수정 방법을 알아보시고 수정을 하는 것이 좋습니다. 

#블로그#이미지#늘어짐
댓글
Scroll to Top