본문 바로가기

가능세계

검색하기
가능세계
프로필사진 cona-tus

  • 분류 전체보기 (31)
    • Project (0)
    • Blog (31)
      • HTML (1)
      • CSS (1)
      • JavaScript (1)
      • Network (20)
      • Front-end (3)
      • Web-Publising (5)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
Tags
  • Network
  • web
  • WebPublising
  • HTML
  • JavaScript
  • CSS
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Blog/CSS (1)

가능세계

[CSS] 반응형 CSS 단위 총정리 - px, em, rem, %, vh, vw

반응형 웹 사이트를 만드는 데 있어 CSS 단위는 중요한 요소입니다. CSS 단위는 여러 가지가 있지만, 자주 사용되는 절대적인 값인 "px"과 상대적인 값인 "em, rem, %, vh, vw"로 분류할 수 있습니다. 절대적인 단위를 사용하면 어떤 디스플레이 화면을 사용하느냐에 상관없이 고정된 값으로 표시됩니다. 반면 상대적인 단위를 미디어 쿼리와 함께 사용하면 반응형 레이아웃을 만들 수 있습니다. 여러 가지 단위를 함께 살펴봅시다. 1. px px은 모니터 위에서 화면에 나타낼 수 있는 가장 작은 단위를 말합니다. px을 적용하면 화면 크기 또는 부모 요소가 변경되어도 콘텐츠는 고정된 값으로 유지됩니다. px 단위는 미세하게 조절 가능하고, 고정된다는 특정 때문에 주로 border 값에 사용되곤 합니..

Blog/CSS 2023. 9. 16. 10:32
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바