网页上截取一张图，用作背景图，使用后发现被放大了，当设定backgroud-size:100%时则恢复正常，为什么

Question

问题描述

网页上截取一张图，用作背景图，使用后发现被放大了，当设定backgroud-size:100%时则恢复正常，为什么

代码片段

.]
这时候项目跑起来后实际效果：

问题出现的环境背景及自己尝试过哪些方法

当使用backgroud-size:100%时则正常了

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

我想知道原理，为什么，按理说在没设置其他属性时本就应该默认时backgroud-size为100%呀，为什么还需要我单独设

Answer 1

默认是auto

Answer 2

https://developer.mozilla.org...
初始值auto
以背景图片的比例缩放背景图片。