响应式开发中版心的作用详解
：2019-05-13 ：舒彬琪 ：69
响应式版心详解
container 版心名称
<style>
.container {
width: 1200px;
margin: 0 auto;
}
</style>
一个基础的版心就完成了
现在给版心添加一个高度和背景，看看效果
height: 600px;
background: skyblue;
OK，居中效果就出来啦，通常大部分网页都是通过设置版心来控制整体页面的排列效果。
在使用版心的时候，经常会碰到需要背景全屏而版心居中的情况，这个时候只需要在版心外面嵌套一个div
然后给他设置样式宽度和高度100%，添加背景图片或者颜色就可以啦
如下图代码所示：
而通常响应式页面还需要版心能够根据页面的变化不断变化，这就涉及到媒体查询功能了，下一篇随笔给大家讲解媒体查询对于响应式页面的作用
下一篇：浅显的底部样式也蕴含着大学问