폰에서 볼 때 목록 제목이 잘려서 나오는 경우가 있죠? 오늘 목록 제목 글자 아랫부분이랑 제목 길이가 잘려서 보이는 두 가지 문제가 있어서 난감했었는데요. 한방에 해결했습니다. 저와 같은 고민이 있으신 분들은 꼭 참고하셔서 해결하시기 바랍니다.
목록 글자 아랫부분이 잘려서 나올때 해결방법
pc화면으로 볼때는 정상인데, 모바일에서 볼 때 아래 사진처럼 글자 아랫부분이 잘려서 나와서 이걸 해결한다고 여기저기 물어보고 검색도 많이 했지만 아는 사람도 없고 해결할 수 있는 방법이 없어서 한숨만 쉬었는데요. 어쩌다 보니 해결한 방법은 정말 어처구니없었습니다.
본인이 사용하는 폰 브라우저를 먼저 확인해보시면 됩니다. 제가 이용하는 건 웨일브라우저예요.
웨일 > 설정 > 모양 및 사용 설정 > 글자 크기 변경에 들어가서 글자 크기 조정을 115% 이하로 하시면 됩니다. 글자를 크게 볼려고 130%로 해두었더니 아래와 같이 글자가 깨어져서 나타났던 거였습니다.
목록 글자 사이즈가 커서 잘리는 줄만 알고 코드 변경했는데, 아무 소용없었습니다. 해결한 방법을 알려드리니 천천히 따라 하세요.
목록 제목이 다 나오게하는 방법
요즘은 검색을 pc보다 폰에서 많이 합니다. 검색량을 조회하면 80% 이상이 모바일 검색입니다. 그래서 모바일에서 가독성 있게 보이는 것이 정말 중요합니다. 제가 해결한 방법을 공유해 드리니 도움 되시기 바랍니다.
코드 적용하는 방법
아래에서 제시한 코드를 복사해서 붙여넣기 하시거나 아니면 코드 공부한다 생각하시고 직접 기입해 보시는 것도 좋을 듯합니다. 보이는 대로만 천천히 따라 하시면 누구나 쉽게 적용할 수 있습니다.
먼저 티스토리 로그인해서 스킨 편집으로 들어갑니다. 스킨편집 > css 탭으로 갑니다. css에서 ctrl+f를 해서 .post-item .title { 을 칩니다. 그러면 아래와 같이 나옵니다. 여기서 이제 변경해주셔야 합니다.
※ 기존 코드
노랑 상자 안의 기존 코드를 아래처럼 변경해 주시면 됩니다.
※ 변경 후 코드
이제 css 탭의 코드가 빨강 상자 안의 코드로 변경되었나요? 적용 버튼을 눌러주세요.
모바일 화면에서 보여지는 목록 제목글입니다. 제목글이 잘리지 않고 다 보입니다. 가독성을 위해서는 꼭 필요한 부분이고 수익 하고도 직결되니 설정 해두면 좋겠지요.
[생활˙꿀팁] - 모르는 전화번호 쉽게 검색하는 방법 02.761.0813
프리한19 타투라이너, 교통사고에도 끄덕없는 아이라이너
'생활˙꿀팁' 카테고리의 다른 글
티스토리 본문 줄 간격 쉽게 조절하는 방법 (0) | 2024.02.01 |
---|---|
티스토리 제목 배경색 변경하는 방법 (0) | 2024.01.26 |
모르는 전화번호 쉽게 검색하는 방법 02.761.0813 (0) | 2024.01.24 |