响应式网站是用目前最新的网页制作技术5来做的，他可以根据使用者所用客户端来自动识别是pc端还是移动端，从而给出最合适的显示方式只要你会5，就可以做响应式布局 如果不用5语言写，那就用普通的4来写，宽高用。

响应式Web设计的方法 介绍完响应式Web的背景和概念之后，是时候该介绍具体的实现方法了，其实响应式Web设计的方法很简单，就是利用CSS3的媒体查询Media Queries和Viewport来解决问题的首先我们一起来看看Media Queries，这里我。

end footer通过上面代码可知它是通过@media媒介查询判断来执行的CSS样式，也就是说如果我要做一个响应式布局网站，同时兼容手机平板PC的话就得写三个与之对应的CSS样式，通过@media媒介查询来完成响应式布局。

1响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示可以说这是一个很典型的博客模版结构一个wrapper容器包含了头部内容侧栏底部2Meta标签 其次就需要我们针对移动设备加入这个meta标签。

以便可以在不同的分辨率下采用不同的风格还有一点，如果是移动开发，一定要把下面的代码加到头里metaname=viewportcontent=width=devicewidthinitialscale=10 求HTML指教，当浏览器窗口大小变化时，如何让内容布局。

也就是一半colsm6 代表在平板上也显示div占当前行的一半colxs12 代表在手机端显示为当前行的百分之百填充3还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。