티스토리 사진 확대 코드 적용해도 안된다면 이 방

티스토리 사진 확대, 코드 적용해도 안된다면 이 방법

 

티스토리 블로그 초보인 저한테 핸드폰에서 제 글의 사진이나 글을 확대하려 하면

전혀 안 되는 상황에서 다른 사람의 글은 글자나 사진이 확대가 되는 걸 보면서

어떻게 방법이 있겠지 하며 인터넷을 검색, 손쉽게 할 수 있는  많은 글들이 거의 비슷한 내용으로

이렇게 하면 되라고 설명을 해주셨지만?

 

적용을 해보아도 저만 안 되는 게 내가 뭘 잘못한 걸까? 아님 다른 무언가가 있나?

휴~ 답답하기만 하고 해결이 안 되더라고요....

 

근데 찾아냈습니다.

고수 분들이야 콧웃음을 치시겠지만 왕초보 블로거인 저는 혼자 해결함으로써 스스로 감탄을 했다는ㅋㅋ

저 같은 고민을 갖고 계신 초보 분들을 위해 바로 알려드리도록 하겠습니다.

 

◆ 모바일에서 글이나 사진 확대하는 첫 번째 방법

 

 

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

 

1. 우선 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">-->

 

 

2. 찾았으면 위에 코드처럼 맨 앞에 <!-- 와 맨뒤에 --> 를 입력합니다.

 

 

 

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

 

 

3. 바로 그 밑에  아래 사진처럼 위에 코드를 삽입한다.

 

사진 확대 코드 다운로드.txt

0.00MB

 

티스토리 사진 확대

 

 

4. 적용 버튼 누르면 끝

 

 

◆ 모바일에서 글이나 사진 확대하는 두 번째 방법

 

 1. 첫 번째 방법을 해도 안되면 html 편집 모드에서 위에 1번에서 말한 것처럼 또 다른 " viewport" 를  찾으면

 분명 또 한 군데 아래 코드가 나올 것입니다.

 

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

 

2. 그럼 두 번째 코드도 위에 방법과 같이 똑같이 작업해 주시면 됩니다.

 

알고 나면 별거 아니었지만 아무도 아래에 또 다른 부분도 있으니 2번 작업하란 말이 없어서 많이 힘들었습니다.

이 글을 읽으시고 저처럼 헤매지 마시고  해결하셨음 좋겠습니다~~