在教科书中学习反馈显示与 Web 设计实现
定义响应式 Web 设计(レスポンシブWebデザイン)是一种制作方式,让 1 个网页的布局按显示它的终端的屏幕宽度自动重新排列。
解说不是为每种终端分别准备页面,而是在同一页面中用 CSS 分别写好针对各种屏幕宽度的显示指定,由浏览器选出与屏幕宽度相符的指定来显示。例如,在宽屏上横排 3 列的照片,到了窄屏上就改为竖排 1 列。
类比就像用弹力布做的衣服,1 件就能贴合穿着者的身形。
记忆钩子responsive 意思是“迅速回应”。记成页面接到屏幕宽度这个信号,马上回应并改变形状。