标签：em 背景 尺寸 background size 背景图片 图片

背景尺寸：

1.使用的是background-size属性

2.书写格式：background-size：值1  值2；

3.值1：表示设置背景图片的宽度，合法尺寸单位：px em rem %...

4.值2：表示设置背景图片的高度,合法尺寸单位：px em rem %...

5.使用%时，是按照父元素的百分比来设置背景图片的宽度和高度

6.单独使用contain时，把背景图片扩展至最大尺寸，使宽度或者高度完全适应内容区域，图片的原始比例不会发生改变，图片不会发生变形

7.单独使用cover时，把背景图片完全扩展至足够大，使得背景图片完全充满背景区域，图片不能完全显示在背景区域中，图片的原始比例不会发生改变，图片不会发生变形

8.当只使用单个值时，另外一个值是auto，图片会按照原始比例进行缩放，不会发生变形

标签：em,背景,尺寸,background,size,背景图片,图片
来源： https://www.cnblogs.com/yangqian666/p/15584645.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。