CSS(Responsive web)

다양한 사이즈의 태블릿과 휴대폰이 출시됨으로 인해 많은 사용자들이 태블릿과 핸드폰으로 content를 소비하기 때문에 반응형으로 만드는 것이 당연시 되었다.

 

CONTENT IS LIKE WATER: 컨텐츠를 물과 같이 유동적으로 만들어서 어떤 병에 담아도 유연하게 컨텐츠를 담아야한다.

📌Unit

em: 타이포그래피에서 현재 지정된 포인트 사이즈를 나타내는 단위입니다.

rem: root에 지정된 크기에 따라서 크기가 결정되는 아이

어떤한 폰트를 사용하느냐에 따라 같은 값을 주더라도 다르게 보입니다.

 

 

1vw는 viewport의 너비의 1%와 동일하며, vw를 사용하여 글꼴 크기를 설정하면 viewport의 크기와 관련이 있다는 것을 의미합니다.

 

margine: auto