background-size的作用

来源：16-5 外部组件（3）

机智的马里奥

2017-04-26

为什么已经定义过width 和height的情况下还要再定义background-size，这没有重复吗？

写回答

3回答

宇xixi

2017-04-26

因为，是用background-image设置背景图片。width + height 是设置元素宽高，背景图片宽高也需要设置，如果背景图片不进行设置，图片实际尺寸大于元素尺寸，在元素内只会显示一部分图片。

类似这样：

//szimg.mukewang.com/5900b0e300016bf803050309.jpg

qq_发潮烧_0

2017-05-17

background-size:100% 100%;就好，改变容器大小就不用再改background-size了

机智的马里奥

提问者

2017-04-26

原来是这样，谢谢，但如果只设置背景图片的尺寸，不设置宽高呢？

宇xixi

那元素就不会展示了。尺寸没了，相当于这元素不存在，因为设置成块级元素了

2017-04-27

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 5

回答 1

回答 2

回答 1