Skip to content
← Back to glossary

レスポンシブWebデザインResponsive web design

Learn in the textbookFeedback Display and Web Design Implementation

DefinitionResponsive web design (レスポンシブWebデザイン) is a way of building 1 web page so that its layout rearranges itself automatically to fit the screen width of the device showing it.

ExplanationInstead of preparing a separate page for each kind of device, the same page holds display rules for different screen widths written in CSS, and the browser picks the rules that fit the screen. For example, photos lined up in 3 columns on a wide screen are rearranged into 1 column on a narrow one.

AnalogyIt is like clothing made of stretchy fabric, where 1 garment fits the wearer's body.

Memory hookResponsive means quick to respond. Remember it as the page answering the signal of screen width by promptly changing shape.

同一ページ

画面幅を判定

PC向けレイアウト

タブレット向けレイアウト

スマホ向けレイアウト

Related past-exam questions(1 question)