모바일에서 티스토리 블로그 사진 확대 안될 때

컴퓨터보다 스마트폰에서 블로그 글을 보는 경우가 더 많은 것을 알고 난 후, 저도 가끔 블로그를 스마트폰으로 확인해 보았습니다. 그런데, 이미지가 확대되지 않고 스마트폰 화면 크기로 고정되어서만 보였습니다. 티스토리는 원래 그런가 보다 하고 생각했었지요.

얼마 전, 다른 사람들 블로그도 그런가 하고 스마트폰에서 티스토리 블로그들만 찾아보았는데, 사진 확대가 안 되는 블로그도 있었지만 확대가 잘 되는 블로그도 있었습니다. 또다시 검색의 시간, 열심히 검색하여 html 코드 조금 바꾸었더니 이제 이 블로그도 스마트폰에서 확대가 잘 됩니다. 그 방법을 정리합니다.

모바일에서 티스토리 블로그 사진 확대 안될 때 html 코드 수정하는 방법

1) 블로그 '관리' 모드에서 '스킨편집'으로 들어갑니다.

2) 오른쪽의 스킨편집 화면에서 'html편집'을 선택합니다.

3) 오른쪽의 html코드 화면에서 Ctrl + F 를 눌러 검색창에 viewport 를 입력하면

 

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">

 

라는 태그를 찾을 수 있습니다.

4) 잘못 수정될 경우를 대비하여 이 태그를 보존합니다. 태그 앞에 <!--를, 태그 뒤에  --> 를 붙여두면 됩니다.

이 코드는 주석(설명)을 그 사이에 삽입할 수 있는 코드로, 사이의 내용은 실행되지 않습니다. 

 

<!--<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">-->

 

5)  그 아랫줄에 다음과 같이 입력합니다. 코드가 비슷하지만 자세히 보면 다릅니다. 

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/> 

 

6) 오른쪽 상단의 '적용'을 클릭합니다. 

---

이제 전에 블로그에 올렸던 지도를 확대해서 볼 수가 있습니다. 다 기억을 못 하니까 다시 찾아볼 일이 많은데, 사진이 제대로 확대가 안되어 불편했거든요. 크게 보이니 눈이 다 시원합니다.