background-size - 前段学习总结

background-size

在移动开发的时候，需要尺寸减半的需要。

特别是在引入雪碧图的时候，以前的写法总是直接宽，高直接减半，没有出过问题

 .BZ{    background:url() no-repeated;    background-size: width/2, height/2;}

今天有人问我，background-size直接设为50%不就行了，没有细想，直接说行。

实际看效果的时候，出现了问题，原来不能这么用。

自己慢慢研究，先总结下：

先对照自己的例子说明下，增强自己的记忆：

See the Pen background-size by liu hui (dukegod) (@dukegod) on CodePen.

background-size: 参考是元素本身的宽高，并不是参考引入图片的宽高,也就是说它参考的是section的大小，不是图片自身

直接缩减图片的宽高

.bz{  background-image: url();  background-repeat: no-repeat;  background-size: 320px,200px;}