숭구리 개발일지

Just Do IT
  • 홈
  • 태그
  • 방명록

CSS 1

[CSS] @media 정리하기

MDN | W3SCHOOL🤔 미디어쿼리를 왜쓸까?이유는 간단하다!사용자마다 가지고 있는 모니터 사이즈 혹은 모바일의 화면의 크기가 다 제각각이고 이를 @media로 max사이즈를 지정해주지 않고 UI를 개발한다면 화면 사이즈 별로 어떤 이미지는 오른쪽 사이드 어떤 글은 가운데…화면별로 엉망진창으로 보여지기 때문에 사이즈를 규제하여 화면 사이즈에 맞춰 일관된 혹은 적당한 UI를 보여주고자 사용한다..!MDN 문서에서 가져온 내용을 통해 간단히 익히고 직접 사용해 보자!@media (max-width: 1000px) { header nav { display: none; }}*뷰포트 : 컴퓨터 그래픽스에서, 뷰포트(viewport)는 현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역Media..

CSS 2024.07.25
이전
1
다음
더보기
프로필사진

숭구리 개발일지

  • 분류 전체보기 (37)
    • OS (4)
    • DB (4)
    • 바닐라JS (8)
    • 우동슈 (3)
    • 경진대회 (8)
    • CSS (2)

Tag

은행가 알고리즘, 스코프 체인, Hydration, const let 차이점, function, 운영체제, handleResize, 티스토리챌린지, Next.js, app router, 오블완, react-toastify, 교착상태 알고리즘, 교착상태, db, OS, 바닐라JS, toastify, MySQL Server, Prefetch,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바