[100DaysOfCode] 21강

 

💡 이번 모듈 목표: 반응형 웹사이트 만들기

 

먼저 반응형 웹사이트로 만들어보기 적합한 웹사이트를 퍼블리싱했다! (햄버거 먹고싶다)

 

---

em? rem? %? 어떤 것을 사용해야 할까?

평소에 사용하던 익숙한 px 외에 다른 단위들을 서로 비교해보자

 

px	%	em	rem
이해하기 쉽고, 절대적인 값이다	부모 요소에 상대적이다	폰트 사이즈에 상대적이다	root element(HTML, 브라우저)의 폰트 사이즈에 상대적이다
사용자 환경에 구애를 받지 않고, 사이즈가 바뀌지 않는다	폭포처럼 부모- 자식 간의 연속적인 속성 때문에 다루기가 어렵다	폭포처럼 부모- 자식 간의 연속적인 속성 때문에 다루기가 어렵다	만약 적용 가능한 경우 선호된다

 

---

chrome://settings/fonts

구글 크롬 - 환경설정에서 브라우저의 기본 폰트 사이즈가 16임을 확인할 수 있다

 

 

로고의 폰트 사이즈를 1.5rem으로 설정한 경우, 24px(16 * 1.5) 로 보인다