[반응형 WEB Tip] : max-width

이번 포스팅은 짤막하게 Tip 형식으로 진행 하겠습니다. 

 

 

기본적으로 반응형 웹을 만들때는 인터넷 창의 Size가 줄어듦과 늘어남에 대해서 고려를 해야합니다. 

 

현재까지 공부한 바에 의하면 [반응형 웹]을 만드는 방법은 

 width 를 px 단위가 아닌 상위 태그의 %를 줘서 변화에 유동적으로 대응하게 하는 것 

입니다. 

 

아직 반응형 웹을 제대로 만들어 보지는 못했지만, 몇 가지 Tip 이 생겨서 본 글을 작성합니다. 

 

max-width

: 최대 가로 폭을 결정

 

min-width

: 최소 가로 폭을 결정

 

width를 설정 후, 해당 속성을 활용하면 창의 길이를 늘리거나 줄였을 때, 내가 원하는 박스 혹은 요소를 깨지지 않게 설정 할 수 있습니다.