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

티스토리 블로그에서 작성한 게시물을 PC로 볼 경우에는 사진 확대/축소가 가능합니다.

하지만 티스토리 블로그를 모바일로 볼 경우에는 사진 확대/축소가 안됩니다.

 

모바일에서 게시물 확대 축소하는 방법을 알아보겠습니다.

방법은 간단합니다.

---

티스토리 블로그

모바일에서 화면 확대, 축소하는 법

 

1. 티스토리 관리창으로 이동합니다.

2. 글관리 꾸미기 >  스킨편집 > HTML 편집

HTML 편집화면으로 왔습니다.

코드중에서 상단에 viewport 를 볼수 있습니다.

 

아니면 Ctrl+F 로 viewport 를 검색하면 쉽게 찾을 수 있습니다.

HTML 편집화면

viewport 검색된 화면입니다.

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

---

코드 수정하기

 

기존 코드는 적용되지 않도록 처음과 끝에 <!--   와   -->를 입력합니다.

 <!--   와   --> 를 입력하면 사이에 적힌 태그가 적용되지 않습니다.

HTML 편집화면

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

기존 코드 앞과 뒤에 <!--   와   -->를 입력했습니다.

---

코드 추가 삽입하기

이제 새로운 코드를 추가로 입력하여 삽입해 줍니다.

HTML 편집화면

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

↑ 이 코드를 입력하여 삽입합니다.

 

이제 html 태그 수정 및 추가 작업이 완료되었습니다.

모바일에서 티스토리 블로그 內 게시물의 내용(사진, 글자) 확대 축소가 가능해졌습니다.

 

단, 티스토리 앱에서는 확대 / 축소가 안됩니다.

다른 인터넷 앱에서 직접 URL을 입력하여 확인해보면 화면 확대 / 축소가 가능한 것을 확인할 수 있습니다.

 

참고로 삼성폰의 경우 삼성 인터넷앱에서는 코드 수정없이 확대 / 축소가 가능합니다.

하지만 네이버앱, 크롬 등 다른 어플에서는 코드 수정없이 이미지나 글자 확대 / 축소가 안됩니다.

반응형

---

정리하면

 

1. 기존 코드 수정(숨기기)

기존 코드 : <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">-->

 

2. 코드 추가 삽입

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

 

공감과  구독, 댓글! 잊지 마세요~

 

모든 글과 사진의 무단 복제 및 2차 가공을 금지합니다.

Copyright ⓒ 2009 anne. All rights reserved.