반응 형 및 교차로 사이트 용으로 2016 년 CSS3 VW 및 VH를 사용하는 것이 맞습니다

Question

2016 년이 올바른 시간과 장소 인 경우 css3 vw & vh & vh 단위로 반응 형 사이트를 만드는 것이 가장 쉬운 방법입니다. 일어날 수 있도록 ...하지만 난이 기술을 사용하여 거의 아무데도 보지 못했어요. 왜 이렇게이다? 그리고 반응 형 사이트를 수행하는 더 좋은 방법이 있다면 ...

Answer 1

VH 및 VW는 뷰포트의 높이/너비와 관련되므로 뷰포트 크기에 따라 요소 크기를 조정하는 데 이상적입니다.

예를 들어 2 열 레이아웃을 원할 경우 각 열 너비를 50vw로 지정하면 잘 작동합니다. Can I Use에 따르면 vmax를 사용할 필요가 없다면 브라우저 지원이 좋다.

스케일링은 반응 형 디자인의 한 측면이며, 다른 하나는 페이지 레이아웃을 변경하는 것입니다.
아래의 George Chanturia에서 올바르게 지적한대로 다음 설명은 반응 형 디자인이 아니라 적응 형 디자인을 나타냅니다.

당신은 아마 미디어 쿼리 및 픽셀 REMS 또는 EMS

예를 들어

@media only screen and (max-width: 25em) { 
... 
} 

또는

를 사용하는 것이 좋습니다 스마트 폰에서 하나의 컬럼에 붕괴하여 2 열 레이아웃을 원하는 말

@media only screen and (max-width: 400px) { 
... 
} 

미디어 쿼리 내에서 VM 및 VW를 사용할 수 있지만 실제 미디어 쿼리에서 테스트 할 수있는 기능은 아닙니다.

희망이 도움이됩니다.