티스토리 블로그 모바일 이미지 사진 확대 축소가 안될 때

블로그 글을 작성할 때 사진 또는 이미지를 삽입하게 되는데 PC에서 볼 때는 불편함이 없다.

 

그런데 모바일 기기나 스마트폰에서 볼 때 디스플레이 화면이 작기 때문에 이미지에 있는 작은 글자는 더 작아져서 안 보이게 된다.

 

손가락으로 아무리 제스처 해봐도 먹히지 않는데 티스토리에 존재하는 이미지 확대 플러그인을 사용해보라고 해서 찾아봤는데 없더라.

 

일단 해결하긴 했는데 방법은 간단한 스킨 편집으로 해결 가능했다.

 

본인의 티스토리 블로그 스킨 편집에 있는 html 편집으로 가보자. viewport 관련 태그를 찾을 수 있는데 찾기 어려우면 CTRL+F 를 눌러 검색해보면 된다.

 

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

 

해당 태그를 찾고나면 태그 처음과 끝에 <!-- 와 -->를 추가해주고 해당 태그가 적용되지 않도록 하자. 원본 백업되어 있으면 지워도 상관없다.

 

다음 줄에 아래와 같이 새로운 코드를 추가해주고 저장을 눌러 HTML 편집을 끝내면 된다.

 

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

 

모바일 기기에서 자신의 블로그에 접속해보면 제스처를 사용해 블로그 전체가 확대／축소가 되는 것을 확인할 수 있다.