跳到主内容
挺对网
百科词条建站技术

响应式设计 Responsive Web Design

别名:响应式 / 自适应布局

本词条约 182 字 阅读约 1 分钟 更新于

响应式设计让同一套网页能根据屏幕尺寸自动调整布局与显示,在手机、平板、电脑上都能正常舒适地浏览,无需为不同设备各做一套。它是现代建站的默认做法,也是移动友好与 SEO 的基础。

如何实现

借助弹性栅格、相对单位与 CSS 媒体查询,让内容在不同宽度下重排:大屏多列、小屏单列,图片按需缩放。一套代码多端适配,既省维护又利于搜索引擎抓取(避免独立移动站造成的匹配问题)。

参考资料

  1. [1] MDN 响应式设计