1.background-size
- background-size:cover; 尽可能显示背景图片,会按照自身的比例伸缩
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/70aba571987f2260f3d880dc055fe84e.png)
- background-size:contain;将图片完全显示,会按照自身的比例伸缩
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6443623cff86b4b67f4bd2c69bb92d60.png)
- background-size:100% 100%;按容器比例撑满,图片变形;
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5930f9779fab000651917ac0890f3ccc.png)
- background-size:val val;给图片固定的宽高,第二个值不写则为auto
2.视觉差的实现
[class]{
width: 800px;
height: 200px;
border: 1px solid yellow;
margin-bottom: 20px