第二步HTML结构 在这个例子里，我有一个包括头部内容侧边栏和页脚的基本页面布局头部有固定的高度180像素，内容容器是600像素而侧边栏是300像素第三步媒介查询Media Queries CSS3 Media Query媒介查询是响应式设计的核心它根据条件告诉浏览器如何为指定视图宽度渲染页面当视图宽度为小于。

2基于网站栏目功能构建移动网站效果 这种方法主要强调数据的统一性对于管理后台，在添加信息时，只需添加一次即可在管理和维护时，会更方便3响应式网站 手机版网页制作现在我们用的比较灵活的就是响应式网站了，响应式网站不管是对于pc端还是移动端的网站都是可以支持的，是现在很多人都会采用的。

g 响应式web设计之液态图片要实现液态图片，只需加入如下代码imgmaxwidth100% web移动头部书写 1首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 这个meta标签表示强制让文档的宽度与设备的宽度保持11，并且文档最大的宽度比例是10。

3移动模板对应PC模板，程序文件和pc一样只是数据库是共用一个4在PC页面上面设置移动跳转判断，网上有PHP跳转代码5你可以参考开源程序制作移动端，比如dedecms，帝国cms制作移动端，如果感觉比较麻烦了，那就直接把PC页面重写，页面直接修改成响应式现在做网站手机站必须要做，手机上搜索越来越。

这种方式无论从交互设计还是UI视觉等方面，其实仍属于相对传统的页面设计开发模式，并不会增加太多的成本，可以说是一种性价比很高的选择 关于响应式Web设计的概念组成要素基本实现思路和开发方式等，可以参考之前的两篇文章“什么是响应式Web设计？怎样进行？” 以及 “通过CSS3 Media Query实现响应。