“响应式布局”已经成为现今网站建设方案中的热门术语，随着HTML5技术的发展，它将很快从一种趋势变为常规但目前，很多客户，甚至互联网从业者，并没有完全认识响应式布局的本质，他们经常被以下误区所迷惑误区一只要是。

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

HTML5建站就是常见的响应式设计，彻底解决了多媒体元素间的组合zd使用，无需担心访问不流畅，网站页面变得更丰富，网站界面却更为简洁企业选择H5自适应建站，主要有以下几个优势1页面丰富简洁，能实现各种震撼眼球的网站。

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

传统的非响应式的一般对不同的设备单独做适配，如果检测是PC则跳到PC站，是手机跳到移动站。

指的是 HTML5 HTML5本身是由W3C推荐出来的，它的开发是通过谷歌苹果，诺基亚中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术换句话说，每一个公开的标准都可以根据W3C的资料库找寻。

第一种用vw和vh，1vw 的意思就是把屏幕的宽分成一百分后中的一分，也就是1%vh 指高度，同上第二种用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，比如，我们做一个DIV，让电脑端显示为三列。