반응형
1. 관리 페이지 접속 > 꾸미기 > 스킨 편집 클릭
2. html 편집 클릭
3. CSS 클릭
4. @media screen 구문 입력
이 구문은 화면의 너비가 360px 이하가 되면 적용하겠다는 의미입니다.
아래 보이는 이미지는 상단 블로그 이름에 적용한 스타일인데요.
화면 너비에 따라서 3가지 크기로 변경되도록 설정을 해 놓았습니다.
* 화면 너비가 767px 초과인 경우
* 화면 너비가 767px 이하 360px 초과인 경우
* 화면 너비가 360px 이하인 경우
이와 같이 브라우저 크기에 따라 스타일을 다르게 지정할 수 있습니다.
반응형
'정보 > 블로그 운영팁' 카테고리의 다른 글
| 애드센스 인피드 광고 티스토리에 적용하기 (18) | 2020.10.07 |
|---|---|
| '광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다.' 구글 애드센스(Google Adsense) 알림 메시지 이슈 해결 (0) | 2020.10.07 |
| '판매자 정보를 Google sellers.json 파일에 게시하시기 바랍니다.' 구글 애드센스(Google Adsense) 경고 메시지 이슈 해결 (0) | 2020.10.07 |
| 티스토리(TISTORY) 글 중간에 구글 애드센스(Google Adsense) 광고 쉽게 넣기 (22) | 2020.10.06 |
| 티스토리 블로그 양 사이드에 따라 다니는 애드핏(또는 애드센스) 광고 넣기 (44) | 2020.10.06 |
| 티스토리 블로그 글꼴 변경 및 무료 폰트 사이트 추천 (초급 버전) (8) | 2020.10.06 |
| '가치 있는 인벤토리: 콘텐츠 없음' 구글 애드센스(Google Adsense) 광고 승인 위반사항 이슈 해결 (0) | 2020.10.05 |
| '애드센스 계정이 이미 있는 것으로 보입니다.' 구글 애드센스(Google Adsense) 광고 승인 위반사항 이슈 해결 (0) | 2020.10.05 |
댓글