본문 바로가기
블로그 운영

[블로그 팁] 티스토리 티에디션 모바일 자동 화면 맞추기

by 라이킴 2017. 9. 14. 댓글 개
반응형


안녕하세요 라이킴입니다.


오늘은 티에디션을 모바일에서 자동으로 화면 맞추기 방법에 대해서 알아보겠습니다.




티스토리 블로그에서는 티에디션이라고 블로그 홈 화면을 꾸며주는 기능이 있습니다.


정말 잘하는 사람들은 이 티에디션으로 맵시 있고 세련되게 


블로그 홈 화면을 만든 사람도 많이 있는데요..





이런 티에디션이라는 기능을 사용해 pc 홈 화면을 꾸며주는 것 까지는 좋습니다..



하지만 특정 스킨들은 열심히 만들고 나서 모바일로 접속해서 홈 화면을 확인 해 보면..





초기 화면



보이시죠? 모바일로 홈 화면을 봤을 때 크기로 인해 화면 잘림 현상이 일어납니다...


진짜 모처럼 만들었는데 이런 식으로 잘린다면 뼈가 아플 수밖에 없습니다.



그러니..


이걸 방지하기 위해서 CSS에서 어떤 코드를 추가할 건데요 그렇게 어렵진 않습니다.






티에디션 자동 화면 맞추기




설정HTML/CSS 편집에 들어가셔서  CSS창을 선택해 주세요 





그럼 밑에 코드가 들어간 메모장 하나를 첨부했는데요 

받아주시고 코드 전체를 복사해주시면 됩니다.


(제 블로그가 오른쪽 방지가 되어 있어서 메모장으로 첨부하니 양해 부탁드립니다 ㅠ..ㅜ)









그리고 사진과 같이 CSS 맨 윗부분복사한 코드를 붙여넣기 해서 저장해주시면 됩니다.








그렇게 하고 나서 모바일로 다시 접속하시면..



결과 화면



짠~~ 자동으로 화면 크기가 맞춰진 걸 확인할 수 있습니다 


간단하죠? 




이상으로 티에디션 모바일 자동 화면 맞추기 방법에 대해서 알아보았습니다.


초반에 이런 일로 당황을 겪었던 저와 같은 분에게 도움이 되었으면 좋겠습니다.


반응형

댓글