CSS:background-size属性

background-size: length | percentage | cover | contain

length,设置像素单位的高度和宽度,第一个值设置宽度,第二个值设置高度,如果只设置一个值,则第二个值会被设置为 "auto"。
percentage,设置百分比单位的宽度和高度,第一个值设置宽度,第二个值设置高度,如果只设置一个值,则第二个值会被设置为 "auto"。
cover,背景图片会按照比例自适应铺满整个容器,但如果容器不足以包含背景图片,那么背景图片就会显示不全。
contain,背景图片会按照比例自适应整个容器的宽高比,因此假如容器的整体宽高比不能恰好适应背景图片的话,那么图像可能无法铺满容器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,855评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 1. 定义和用法 background是一个简写属性,可以在一个声明中设置所有的背景属性,可设置的属性如下: 这些...
    lightNate阅读 9,876评论 2 9
  • CSS3对background新加了3个属性,background-origin、background-clip、...
    彬_仔阅读 5,399评论 0 9