操作方法
方法一：首先使用原生的 div居中处理，中间写一个 div 宽度1200px的 div然后在body 设置width 100% 使用 margin left 和right 设置为auto 就可以让这个 宽度只有1200px的 div居中处理，并且 设置 整个 body的 最小 宽度为 min 宽度为 1200px 这样在一般的 pc上都可以 进行兼容。
方法二：第一步中 只是一个 简单的 兼容，当然也推荐大家在首页这样写 当然如果想换种方法也是可以的 比如使用 js的 getbounding。。（给忘了 不过 使用 webstorm 自动可以出来😄 失误失误）来判断 整个div的宽和高然后设置一样的宽高比，这样 尤其是图片 就不会发生 形状的变化了，例如某米这样的界面 无论怎么变化 这个照片的形状都不变化 就是运用了 这个原理 。
方法三：利用 css3的最新的 @media 标签，进行不同分辨率的判断 然后 设置不同的 css样式，进行 响应式布局，大致 500px一下 500到 1200px 1200px以上 可以分别 写css 分别 适应 mobile pad pc
方法四：使用 成熟的 响应式框架 bootstrap3，之前的版本对移动的支持还较少这次3版本的推出 是移动优先，毕竟 天天玩手机的人要比玩电脑的人多了去了
方法五：使用成熟框架foundation，这个框架 从出生就是移动优先，并且不支持ie78等老式ie浏览器，但是 与之相对应的 重量更少，bootstrap相比较要比 foundation的兼容性好。
总结：使用哪种方法看你选择 也并不是说 复杂的就是最好的，看情况而定，另外很多最新的技术 例如 less（css） angularjs（javascript） 大家也可以尝试一下 。