• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

vw 와 % 중 유동적인 반응형에 적합한 건 무엇일까요?

21.05.05 05:57 작성 조회수 20

0

삭제된 글입니다

답변 1

답변을 작성해보세요.

0

둘 중에 뭐가 더 많이 사용된다기보다, %와 vw는 다른 값이랍니다~
100%는 부모 요소의 width이고요, 100vw는 무조건 브라우저 창의 크기(폭)입니다.

<div style="width: 500px;">
    <div class="aaa">AAA</div>
</div>

이런 상황이라면,
.aaa { width: 100%; }는 500px이 되고요,
.aaa { width: 100vw; }는 그냥 브라우저의 폭이랍니다.

만약 <body>의 자식이라면 100%나 100vw나 똑같겠지요~