[블로그] 티스토리 모바일에서 사진 확대/축소 기능

---

단순하게 포스팅만 하다보니 정작 나도 사용자이면서 사용자의 불편함을 전혀 고려하지 않고 있었네요. 블로그 글보다가 답답한부분은 보통 맛집같은경우 메뉴판의 시인성으로 확대해서 보거나 깨끗한 사진이 필요한데 기본 티스토리는 모바일에서 정작 확대가 안된다는 것을 이제야 알았어요 ㅠㅠ

이미 같은내용으로 많은 글들이 올라와있지만, 나도 익힐겸 혹여 누군가에게는 도움되는 부분이지 않을까 싶어 올려봅니다 :)

 

 

 

 

 

 

 

728x90

 

 

---

1. 티스토리 관리창에서 꾸미기 - 스킨편집 - html 편집으로 진입해줍니다.

 

 

 

 

 

 

 

 

---

2. HTML 편집모드에서 Ctrl + F 로 "viewport"를 검색.

 

 

 

 

 

 

 

 

 

반응형

 

 

 

 

 

 

 

---

3. 코드 ① 수정 or ② 추가(추가시 기존코드 숨김)

※ ① 코드수정으로 하시고 혹시모르시는분만 ②으로 하시면되는데 굳이 그러 실 필요는 없습니다.

① 수정
말그대로 기존코드를 아래와 같이 수정해줍니다. (Ctrl + C, Ctrl + V)

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

 

② 추가
기존코드를 숨겨놓고 아래 열에 새로 추가해줍니다.
기존코드에는 코드 앞머리엔 <!-- , 뒷쪽엔 -->을 추가해서 숨겨줍니다.
그리고 다음열에 위에 내용을 그대로 복붙해줍니다.

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

 

 

 

 

 

---

마무리 확인

이렇게 입력하고 적용이 다되었다면 이제는 모바일에서도 티스토리 사진을 확대/축소가 가능해집니다.

 

1. 사진을 클릭하지 않고 글인 상태에서 확대

 

 

 

2. 이미지를 직접 클릭해서 확대

 

 

아무래도 사진을 직접눌러서 확대하는것이 더 깨끗하게 보여지네요 :) 물론 이미지가 화질이 높았을 경우에 해당되겠쭁? 이렇게 오늘 또 새로운것 하나 배워갑니다. 감사합니다.

 

 

 

 

 

 

 

---