[CSS] 반응형 웹페이지

1. em,rem 사용

- font-weight를 같이 사용?

h2{

font-weight: 400;

font-size: 1.2rem;

}

2. 폰트의 앞부분에만 대문자료 표기

text-transform: capitalize;

3. vw, vh 단위

- 뷰포트의 1/100 단위

- 예제: 가로 길이가 1000px 인 경우 1vw이면 10px

4. 애니매이션 스크롤

// Animate Smooth Scroll

$('#view-work').on('click', function () {

const images = $('#images').position().top;

$('html, body').animate(

{

scrollTop: images

},

900

);

});

"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"