정보/블로그 운영팁

티스토리(TISTORY) 블로그 제목에 반응형 웹 CSS 스타일 설정하기

아미넴 2020. 10. 6.
반응형

1. 관리 페이지 접속 > 꾸미기 > 스킨 편집 클릭

 

2. html 편집 클릭

 

3. CSS 클릭

 

4. @media screen 구문 입력

이 구문은 화면의 너비가 360px 이하가 되면 적용하겠다는 의미입니다.

 

 

아래 보이는 이미지는 상단 블로그 이름에 적용한 스타일인데요.

화면 너비에 따라서 3가지 크기로 변경되도록 설정을 해 놓았습니다.

 

* 화면 너비가 767px 초과인 경우

 

* 화면 너비가 767px 이하 360px 초과인 경우

 

* 화면 너비가 360px 이하인 경우

 

이와 같이 브라우저 크기에 따라 스타일을 다르게 지정할 수 있습니다.

반응형
그리드형(광고전용)

댓글0

💲 추천 글