怎样制作简单的响应式布局

怎样制作简单的响应式布局

随着互联网的发展，人们浏览网页的方式也不仅仅是在pc端了，而移动端用户也正在猛烈剧增。那么应该怎样适应不同用户的浏览体验呢？响应式布局因此应运而生。

顾名思义，响应式布局就是为适应不同终端而形成的一种技术。下面，我们通过一个简单的例子来介绍响应式布局。

首先，打开dreamweaver cs6 ，新建一个html文件。见图：

接着，在body里添加三个主div标签，分别是头部，内容，底部。内容div内又添加三个div,分别是左边，中间，右边。

接下来是最重要的内容了，写css来实现响应式布局。 添加

附：本经验关键词：html响应式布局怎么写、响应式布局代码、css实现响应式布局代码、响应式布局设计、响应式布局如何实现、开发响应式布局、响应式布局实现方法、响应式布局