css : 반응형 공부 width:%값 계산하기

웹클래스·2020년 7월 6일
1

css 반응형 공부

목록 보기
1/7

반응형 공부 1편

부모태그가 width: 100% 일 때 자식태그의 비율을 늘었다가 줄었다가 유지해달라고할 때 쓰이는 반응형

반응형은 %(퍼센트)으로 움직이지 않고 브라우저가 px를 계산해서 움직이게 되는 것이다.

자식태그의 px가 %(퍼센트)가 궁금하면 부모태그의 px로 나누면 된다.
계산하는법은?
자식태그px ÷ 부모태그px = 결과값
결과값 × 100 = %(퍼센트)가 나온다.

짝수로 적어야 반응형할 때 편하다.

profile
코드를 기록하는 공간

0개의 댓글