响应式和自适应有什么区别?

响应式跟自适应有什么区别啊
2025-04-07 01:11:10
推荐回答(1个)
回答1:

响应式布局:响应式布局,称为Responsive Web Design。它是将已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来,针对任意设备对网页内容进行“完美”布局的一种显示机制。简言之,是一个网站能够兼容多个终端(手机、Pad、电脑)的布局方法,而不需要为每个终端书写一套特定版本的代码。

自适应布局:移动端的发展带来了自适应布局。通过JS及CSS的控制,借助rem、百分比等相对度量单位,让代码在多种分辨率的移动端正常呈现。自适应布局,是当前移动端实现网页布局的最常用的布局方法,需要综合使用多种知识。

资料来源:《HTML5布局之路》