블로그 스팟 이미지 늘어짐 해결하기

 블로그 스팟 스킨이 구려서 스킨을 입히다 보니 모바일 화면에 이미지가 늘어나서 왔다면 잘들어 왔다. 스킨은 마음에 들어서 사용을 하고 싶은데 이미지 늘어짐 때문에 스킨 찾는데 시간만 들이고 있었다면 간단하게 해결하고 기존 스킨으로 글쓰기 만 집중할수 있도록 알려 주겠다.
늘어진-이미지

위 이미지를 보면 알수 있듯이 PC에서는 이미지가 늘어지지 않지만 모바일에서 보니 이미지가 늘어진걸 볼수 있다. 

블로그스팟 테마에 들어가기

블로그스팟-설정-테마

블로그 스팟 에서 스킨을 씌우는 테마에 들어가 준다.


테마-맞춤설정-클릭



옆에 화살표가 아닌 맞춤설정 을 클릭해 준다.

맞춤설정-고급-클릭

좌측에 보면 설정 옵션 들이 나오는데 아래에 있는 <고급>을 눌러 준다.

Theme-colors-클릭


Theme Colors 를 눌러준다.

CSS코드 추가하기


CSS-추가-클릭

CSS 추가 가 있다. 블로그 스팟은 CSS 코드를 넣을 자리를 찾지 않아도 추가 시켜주면 알아서 자리를 찾아서 추가가 된다.

CSS코드 입력

CSS-코드-입력하기


CSS코드를 입력하면 되는데 코드에 보이는 height:auto 는 이미지를 자동으로 조절해주는것 이다. 이미지가 화면에 비해 넓어지면 늘어지게 되는데 늘어지지 않게 화면에 맞춰서 뜨게 해주는 역할을 한다. 

코드는 아래 있는 것을 복사 후 붙여넣기만 하면 된다.


1
.post-body img {max-width:100%; height: auto; border-radius:10px; pointer-events: none;}

cs



해결됨

해결된-이미지

이미지 늘어남 해결된걸 볼수 있다. 이렇게 간편하니 스킨이 마음에 든다면 코드 삽입만 해서 고쳐서 충분히 쓸수 있다!
다음 이전