본문 바로가기 메뉴 바로가기

빠르게 성장하는 개발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

빠르게 성장하는 개발자

검색하기 폼
  • 분류 전체보기 (189)
    • SSAFY (14)
      • 준비부터 합격까지 (5)
      • SSAFYcial (5)
    • Python (12)
    • Algorithm (41)
      • SWEA (4)
      • BOJ (16)
      • APS (21)
    • Django (34)
    • SQL (4)
    • FE (4)
    • Html + CSS (12)
    • Javascript (23)
    • Vue (21)
    • React (20)
      • React Three Fiber (6)
      • 회원관리 (3)
      • gsap (3)
    • Study (0)
      • 면접 대비 (0)
  • 방명록

mediaquery (1)
[CSS] 8. Media Query, 반응형 웹의 심장

1. 반응형 웹(Responsive web)사용자의 환경, 디바이스의 크기에 따라 디스플레이를 변화시키는 것.2. 사용방법@media screen and (min-width: 480px) { body { background-color: lightgreen; } }3. 주의할 점min-width : npx ⇒ npx 이상일 때 적용max-width: npx ⇒ npx 이하일 때 적용케스케이딩을 주의해야 한다.예를 들어 아래의 코드처럼 작성하면, 위에 적용한 lightgreen색은 무시되고, 600px 이하는 모두 배경색이 red가 된다.즉, max-width 속성을 쓰려면 큰 화면부터 작성. min-width 속성을 쓰려면 작은 화면 속성부터 작성.@media screen and (max-width: 48..

Html + CSS 2022. 12. 25. 15:09
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • JavaScript
  • SSAFY
  • 리액트
  • Algorithm
  • 완전탐색
  • 비전공자
  • 백준
  • React Three Fiber
  • 쟝고
  • 싸피
  • 알고리즘
  • 사피
  • JS
  • 프레임워크
  • 코딩
  • django
  • 프론트엔드
  • 프로그래밍
  • CSS
  • 개발자
  • react
  • Vue
  • frontend
  • RDB
  • Python
  • APS
  • React drei
  • 파이썬
  • BOJ
  • three.js
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Designed by Tistory / Modified by 택대리
  • 분류 전체보기 (189)
    • SSAFY (14)
      • 준비부터 합격까지 (5)
      • SSAFYcial (5)
    • Python (12)
    • Algorithm (41)
      • SWEA (4)
      • BOJ (16)
      • APS (21)
    • Django (34)
    • SQL (4)
    • FE (4)
    • Html + CSS (12)
    • Javascript (23)
    • Vue (21)
    • React (20)
      • React Three Fiber (6)
      • 회원관리 (3)
      • gsap (3)
    • Study (0)
      • 면접 대비 (0)
  • 방명록

티스토리툴바