css 로 반응형 만들기 > 컴퓨터

css 에 media 쿼리 라는게 있습니다

예)

 @media (max-width:768px) {

.small {width:100px}

}

이렇게 하면 화면 가로 크기가 768보다 작을 때는 <div class="small">small</div> 의 가로가 100px 가 된다는 뜻입니다

예)

@media (min-width:769px) and (max-width:922px) {

.small {width:120px}

}

이렇게 추가해주면 화면 가로 크기가 769~922 사이일 때는 <div class="small">small</div> 의 가로 크기가 120px 가 된다는 뜻입니다

이렇게 화면 크기에 따라서 개채의 크기를 변하게 할 수 있어서 반응형으로 만들 수도 있습니다