就是一个网站，拉到任何尺寸，都能正常显示会自适应到各种尺寸，包括手机一般的做法，都是用bootstrap框架做的。

响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

的确，响应式布局是在移动互联网诞生之后才出现的，最初的目的也是为了让网站版面对移动端可以表现的更为友好但事实上，响应式布局是针对网站的一种制作方案，并不是针对专门的某个终端而设计的它可以让网站适应任何一个。

HTML5+CSS3实现的响应式网站，相对于传统的网站为什么更快从技术角度说不出什么，因为老狮根本就不是一个开发者但是从我阅站无数的经验中我们发现太多的老网站为了有设计感，或者布局，都牺牲了网站的质量直接就。

1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景后，与美工或设计师沟通之前，美工通常需要制作几套主流移动设备屏幕分辨率的设计图现在，使用streaminglayout和rem，可以使用一套设计图，以最常用的。

这很多人对于响应式布局网站建设不太了解，其实这种网站就是以创建页面的图片排版大小，来根据浏览网站用户所使用设备，自动化适应这些设备不管是出于网站兼容性还是用户需求，它都能够带来意想不到用户体验效果，现在响应式网站。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header。