가변 그리드, 마진, 패딩, 폰트, 멀티미디어 요소까지 가변 크기로 바꾸기
가변 그리드, 가변 마진, 가변 패딩
가변그리드?
정해져 있는 공식에 의해 정확한 가변 크기의 박스를 만드는 기술
공식: (가변 크기로 만들 박스의 가로 너비 % 가변 크기로 만들 박스를 감싸고 있는 박스의 가로 너비) * 100 = 가변크기의 % 값
ex) (300px%960px)*100 = 31.25%
css
.container div:first-child{
}// class=container에서 첫번째 div
.container div:first-child+div{
}// class=container에서 두번째 div
'개발자 > 반응형 웹' 카테고리의 다른 글
| [1. 반응형 웹 기본 개념 이해하기] 미디어 쿼리와 뷰포트 (0) | 2020.12.07 |
|---|