width 픽셀 px 을 % 퍼센트로 바꾸기

일정 단위로 값을 고정된 것이 아닌 변화에 따라 정해둔 비율로 변동이 가능하게 해 본다. 

 

가변 그리드 (Fluid Grid) : 일정 단위로 값을 고정된 것이 아닌 변화에 따라 정해둔 비율로 변동이 가능하게끔 제작하는 것. 공식은 수학시간에 퍼센트를 만드는 것과 같은가본데 그런수학과 거리가 멀어서 식을 모르기에 검색했다.

 

( 반응형 너비 / 전체 너비 ) * 100

 

마진, 패딩, 폰트 역시 가변 그리드 표기법 (%)을 이용해 나타낼 수 있다! max-width 속성값을 100%로 설정할 경우 요소의 기본 크기 이상으로는 늘어나지 않는다.