티스토리 블로그 사진 모바일에서 확대축소 수정방법

티스토리 블로그 글을 쓰고 나면 

발행이 잘 되었는지 모바일에서는 어떻게 나오는지

빠진 곳은 없는지 꼼꼼히 살펴보는 편인데요,

어느순간 화면의 확대/축소가 안되고

글을 쓸 때 삽입했던 이미지마저

모바일에서 확대/축소가 안된다는 사실을 알게 되었습니다 

 

블로그 글의 대부분을 PC로 쓰긴 하지만 

보는 사람들은 거의가 모바일로 확인해 볼 텐데

요즘 같은 세상에 모바일에서 이미지 확대/축소가 안된다는 것은

치명적이 아닐 수가 없지요...

 

내용을 확인해 볼 수 없는 글은 가독성이 떨어지고

불편함을 일으키기 때문에 서둘러 고쳐줘야 합니다

 

그럼 모바일에서 블로그화면 또는 이미지를

확대하는 방법에 대해 알아보겠습니다

 

저 같은 문제가 있으신 분들은 어렵지 않으니 

저를 따라 변경해 보시길 바랍니다

 

 

티스토리 블로그 화면 &사진 모바일에서 확대, 축소 수정하는 방법

 

먼저 HTML코드를 찾아보겠습니다

 

관리> 스킨편집> 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">

 

태그 찾기

 

찾으셨나요?

 

해당코드가 적용되지 않도록 가려줄 건데요,

처음과 끝에 <!--   와   -->를

추가해 주고 적용버튼을 누릅니다

 

(삭제시켜 주셔도 되지만 혹시 몰라서

백업해 두신게 아니면 가려주시는 게 안전할 것 같아요)

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

 

 

코드 삽입 적용하기

 

 

이제 작업했던 다음줄에

새로운 코드를 추가해 줄 차례입니다

 

↓ 아래코드를 복사후 삽입해 주세요

 

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

 

코드 추가한 화면

 

 

이제 모든 과정이 끝났습니다

모바일에서 확대/축소가 가능해졌네요!

 

유의 사항이 있어요!

본인의 티스토리 앱에서 접속후 

변경된 사항을 확인해 보면

여전히 화면이 움직이지 않는 분들 있으실 겁니다 

 

이럴때는 당황하지 마시고

나의 앱에서 확인이아닌

 

검색창에 주소를 직접 입력하여

확인해 보시길 바랍니다