响应式设计与自适应设计 [英] Responsive design vs adaptive design

问题描述

您能简单解释一下 RWD(响应式网页设计)和 AWD(自适应网页设计)之间的区别吗?

Would you explain difference between RWD (Responsive Web Design) and AWD (Adaptive Web Design) in a simple way?

推荐答案

Adaptive (AWD):不一定设置在流体网格上；针对特定设备分辨率(320、768、1024 等)；可以设置宽度(固定)或相对宽度 (%)，由媒体查询控制.

Adaptive (AWD): Not necessarily set on a fluid grid; targets specific device resolutions (320, 768, 1024, et.al.); can have set widths (fixed) or relative widths (%), controlled by media queries.

响应式 (RWD):建立在流体网格上；无论屏幕分辨率如何，都会随着浏览器而变化；如果需要，内容可以拆分并重新对齐.

Responsive (RWD): Built on a fluid grid; will change with the browser, no matter what the screen resolution; content can break apart and realign if need be.

简而言之:RWD 与 AWD 类似，只是向前迈出了一两步，以便为未知设备和已知设备进行未来证明设计.

In short: RWD is like AWD, except taken a step or two further, in order to future proof design for unknown devices as well as known devices.

这篇关于响应式设计与自适应设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！