차례:
정의-RWD (Responsive Web Design) 란 무엇입니까?
반응 형 웹 디자인 (RWD)은 디스플레이 화면의 해상도를 변경하지 않고도 쉽게 탐색 할 수있는 텍스트로 효율적이고 매력적인 시각적 경험을 제공하는 사이트를 만드는 웹 개발 및 디자인 방식입니다.
이 기능은 웹 사이트를 보는 데 사용되는 모든 장치 또는 브라우저로 확장됩니다. 즉, 디스플레이 화면의 크기에 따라 웹 사이트 모양과 레이아웃이 변경됩니다.
Techopedia는 반응 형 웹 디자인 (RWD)을 설명합니다
RWD는 유동 및 비율 기반 그리드, 유연한 이미지 및 스마트 CSS 및 스크립트 사용을 통해 웹 사이트 레이아웃을 사용자의 시청 환경에 맞게 조정하는 데 사용됩니다.
RWD는 다음 방법을 사용합니다.
- 유체 그리드 : 백분율과 같은 상대 단위를 사용하고 표준 측정 및 픽셀과 같은 절대 단위를 사용하여 요소의 크기를 조정하는 유체 그리드
- 상대적 단위로 크기가 조정되는 유연한 이미지
- CSS (Cascading Style Sheet) 미디어 쿼리를 통해 웹 사이트에서 장치 유형, 화면 크기 및 브라우저 기능을 확인할 수 있으므로 이러한 특성에 따라 다양한 스타일 규칙을 제공 할 수 있습니다.
- 셀룰러 데이터 속도가 느린 경우에도 웹 사이트를 더 빠르게로드 할 수있는 미디어 쿼리가있는 서버 측 구성 요소