一般会给body设定一个显示内容的宽度类似
body{
width:980px
}
然后你给他设定外边距自动就行
body{
width:980px
margin:auto
}
这样在你改变浏览器窗口的时候就会先减少自动的外边距的
html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
注意:meta在head里。
第一种方法就是全局代码用百分比来写，这样浏览器缩放的影响不大，但是这样很麻烦很复杂；第二种方法就是用@media screen，根据不同分辨率来写不一样的代码，做到各种分辨率下都没有错乱
