목록relative-measurement (1)

깡뇽

[Front-End] 반응형 웹사이트와 상대 측정

반응형 웹사이트 디자인이란? 디자인과 개발이 화면 크기, 플랫폼 및 방향 같은 사용자의 행동과 환경에 반응하는 것을 말한다. → 웹사이트에 있는 다른 콘텐츠의 크기와 웹사이트를 보고 있는 화면의 크기를 기반으로 콘텐츠의 크기를 조정하고 재구성한다. Pixel(픽셀)은 고정된 하드 코딩 값. 즉, 화면 크기가 변하면 픽셀 크기의 요소가 너무 작게 보이거나 화면을 넘치게 된다. → CSS를 사용하여 하드 코딩 측정을 피하고 상대 측정을 사용해야 한다. ∴ 상대 측정을 통해 화면 크기나 레이아웃에 관계없이 웹 사이트의 비율을 유지시킬 수 있다. ⤷ 반응형 웹 디자인에 대해 자세히 설명하고 있는 사이트 www.smashingmagazine.com/2011/01/guidelines-for-responsive-we..
Web/HTML & CSS 2021. 2. 8. 23:50
이전 Prev 1 Next 다음