1.background-size:cover官方background-size:cover;的解释是这个样子的，截图如下所示：解释：1）是按照图片的比例放大或者缩小至充满容器，而不是按照容器的比例大小来缩放。            2）如果照片的比例和容器的比例是不一致的，必定会导致照片的不完整性。下面举一个栗子来说明这种情况：首先原始的背景图片是这样的。而设置b...

我们之前已经学过一些布局模型，比如说浮动，绝对定位等等，但是这些布局方式一是不够简洁，而是使用的范围确实是太窄了。flex模型拥有比较多的属性，来设置多样的布局方式，接下来我们就详细介绍各种属性对布局的改变，最后再对属性做一个汇总先看一下flex的基本模型，如下图所示：container父容器里有三个子元素flex-item。当给父容器设置display:flex;直接子元素就有布...