CSS 이미지 크기 비율에 맞게 줄이기

예전에 작성했던 글 중 하나입니다. 주말 동안 개기일식으로 인해서 나름 많은 분들이 들어오셨는데, 뒤늦게 확인을 해 보니 사진이 짤리는 현성이 있었습니다. 아차- 현재 스킨으로 블로그를 변경한지 거의 반년 정도 지났는데 아직까지도 CSS 를 완벽하게 손보지 않아 블로그 일부 이미지가 전부  밀리는 현상이 있었습니다 아이고야…. 그동안 블로그 와서 정보를 보는 동안 이미지가 짤렷을텐데 ㅠ 

 

블로그 스킨을 변경하고 나서 미리 대처를 했어야 되는데 완전히 잊고 있었습니다,  뒤늦게나마 수정을 했습니다, 블로그스킨으로 변경 하고 나서 가장 맨 처음으로 해야 될 것이 바로 이 img {max-width:100  가 아닐까 생각합니다. 웹 프로그래밍을 전문적으로 하는 사람이 아니더라도 블로그를 운영하는 사람에게 있어서 가장 필수적인 요소라고 할 수 있습니다.

https://deviceinfo.tistory.com/1225

 

카메라로 태양을 직접 찍지 말라고 하는 이유를 알아보자

 

img {
  max-width: 100%;
  }
  
  img {
  max-width: 100%;
  height: auto !important;
}

 

특히 제 블로그가 기존 티스토리 에디터와 새롭게 탑재된 티스토리 에디터로 작성된 글들이 많다보니 이런 문제가 더 많이 생기고 있습니다. 하지만 진즉에 img {max-width:100를 적용했다면 문제 없는….

 

네 게을렀습니다 ㅠ