响应式设计 – 响应式设计与自适应设计

前端之家收集整理的这篇文章主要介绍了响应式设计 – 响应式设计与自适应设计前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
你会以简单的方式解释RWD(响应网页设计)和AWD(自适应网页设计)之间的区别吗?

谢谢。

解决方法

自适应(AWD):不一定在流体网格上设置;针对特定设备分辨率(320,768,1024等);可以设置由媒体查询控制的宽度(固定)或相对宽度(%)。

响应(RWD):建立在流体网格上;随着浏览器的变化,无论屏幕分辨率如何;如果需要,内容可以分解并重新对齐。

简而言之:RWD类似于AWD,除了进一步采取了一两步,以便未来的设备以及已知设备的未来验证设计。

猜你在找的CSS相关文章