CSS3自适应布局，如何实现网页全设备兼容？

本文共计1741个文字，预计阅读时间需要7分钟。

自适应布局，又称响应式布局，是指可以自动识别屏幕宽度，并做出相应调整的网页布局；这样的网页能兼容多个不同的终端，而非为每个终端制作一个特定的版本。自适应布局是‘

自适应布局又称“响应式布局”，是指可以自动识别屏幕宽度、并做出相应调整的网页布局；这样的网页能够兼容多个不同的终端，而不是为每个终端做一个特定的版本。自适应布局是为解决移动端浏览网页而诞生的，能够为使用不同终端的用户提供很好的用户体验。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

什么是自适应布局

自适应布局又称“响应式布局”，可以自动识别屏幕宽度、并做出相应调整的网页布局，简单来讲就是网页能够兼容多个不同的终端（设备），而不是为每个终端做一个特定的版本。

其实简单来讲自适应与非自适应的不同就是一个页面不管在什么设备的分辨率下都能自动识别适应，为浏览的用户带来了更好的体验效果。

这个概念是为解决移动端浏览网页而诞生的。自适应布局能够为使用不同终端的用户提供很好的用户体验，而且随着大屏智能手机的普及，用“大势所趋”来形容也不为过。