响应式网站怎么写

   响应式网站基本上就是让整个网站不论在什么平台上，都可以显示的很正常，根据浏览器不同的宽度让网页中的各个元素有着不一样的排版格式。所以在编写响应式的网站的时候需要精确到每一个宽度都可以显示正常，一定要追求细节，不能马虎。

响应式网站的头部必须包含一句有关于响应式的代码：

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

该语句上各个属性的意思是：

width - viewport的宽度 height - viewport的高度

initial-scale - 初始的缩放比例

minimum-scale - 允许用户缩放到的最小比例

maximum-scale - 允许用户缩放到的最大比例

user-scalable - 用户是否可以手动缩放

编写响应式网站需要对css3非常的熟悉，而且一定要学会使用min-height，min-width,max-width,max-height这四个属性，还需要对各个定位有足够的了解，要知道在什么情况下使用绝对定位，相对定位。

还有最重要的一点就是响应式的css样式，就是指在不同宽度中给不同的元素，设置不同的属性。样式板式如下图所示：