ABC(Always Be Coding)

  • 홈
  • 태그
  • 방명록

REM 1

반응형 디자인에서 미디어쿼리 최소화 및 Rem 단위 활용 방법

1. 미디어쿼리 최소화 이유 미디어쿼리는 웹 페이지를 다양한 디바이스와 화면 크기에 맞춰 스타일을 조절하는 데에 사용된다. 그러나 미디어쿼리가 많아지면 CSS 파일의 크기가 증가하고, 다운로드 시간이 길어질 수 있습니다. 이를 최소화하여 성능을 향상시키는 것이 중요하다. 2. Rem 단위 활용 이유 Rem(루트 em) 단위는 폰트 크기를 상대적으로 설정하는 단위로, 루트 요소의 크기에 따라 상대적으로 크기가 조절된다. Rem을 사용하면 화면 크기가 변할 때 유연하게 대응할 수 있으며, 미디어쿼리에서도 효과적으로 활용될 수 있다. 3. 미디어쿼리 최소화 방법 3.1 최소한의 미디어쿼리 정의 필요한 경우에만 미디어쿼리를 사용하여 스타일을 변경하도록 합니다. 불필요한 미디어쿼리를 제거하여 파일 크기를 최소화한..

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

이상한 나라의 앨리스에 나오는 토끼굴(🐰)에 살면서 열심히 야크털(🦬)을 깎고 있습니다. 그러면서 생기는 일들에 대해 포스팅을 하고 있습니다.

  • 분류 전체보기 (32)
    • HTML CSS (10)
    • Javascript (21)

Tag

shallow copy, forEach, sparse array, dense array, noreferrer, number, 자바스크립트, array method, indexOf, Deep Copy, 미디어 쿼리 최소화, 배열, HTML, find, slice, filter, PARSEINT, Javascript, Reduce, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바