但是，响应式布局，难点并非是技术方面，而是设计 对于响应式布局的技术基础，只要你在MDN之类的网站上，把HTML5CSS3的特性吃透，基本上完全能满足开发响应式布局的工作 但是，技术过关了只是第一步，真正困难的是UED，如何设计站点如何。

读者可能留意到这里使用的div id=”wrapper”，这个是稍候用来做meida query的时候调整全局CSS样式调整用的 步骤3 往HTML 5标签中增加代码 1首先往标题中增加如下代码Simple HTML5 Template 复制代码 2往导航标签中。

第二种用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，比如，我们做一个DIV，让电脑端显示为三列，手机端显示一列，可以这样ltdiv calss=quotrowquot ltdiv class=quotcolmd3 col12quot第一列ltdiv。

响应式Web设计HTML5和CSS3实战封面是一只瓢虫，这本其实响应式的东西讲得比较少，大半内容是关于介绍h5和css3的基础知识，全书主要是带领读者做一个小网页来写的，适合新手入门，如果同时想了解h5和css3和响应式设计。

2，实现响应式布局的三种方式 1 CSS3Media Query最简单的方式，但是无法满足很多需求 2 借助原生Javascript成本高，不推荐使用 3 第三方开源框架比如bootstrap，可以很好的支持浏览器的响应式布局3，CSS3。

html5你可以理解为html的第5个版本，就像是苹果7小米4windows10一样的概念响应式页面是指，使用响应式的页面设计思想，编写出来的页面，这种页面可以在电脑这种大屏幕显示，也可以在手机这种小屏幕显示，这种可以一次编写，在。

2实现更难 响应式设计出的稿子，当然还需要响应式的实现响应式的基础就是HTML5， CSS3一般的建站公司，一般是没有钱去聘用精通HTML5和CSS3技术的高手的最多是让程序员在写代码之前看2天书，然后就赶鸭子上架这。

css3是css最新版本 media是css的，meta是html5的，还有Link也是html5的，响应式无非是加判断，切图等亲，满意请采纳哦有什么具体不懂，问我。