html背景图的自适应大小的说明

1.问题的提出：

      在设置网页的整个背景图片时，我们可以在css中的使用background-size：100%来铺满整个页面，也可以设置为其它的百分比数值来局部铺HTML页面。

body{

    background-image: url("../public/images/5927f2c7269aa.jpg");
    background-attachment: fixed;
    background-size: 100%;
}

      在div盒子中想要展示一张图片，我们可以使用style样式来设置width或者height中的某一项，即style="width:100px"，这时另一项就会自适应变化,按比例变化。

      我来举一个例子说明，也可以总结出一个公式，以后若固定了width或height中的某一项，另一项也就会求出来：

<a href="#"><img src="../public/images/5d5e5c7d1e1b8.jpg"  style="width: 100px" /></a>
<!--引入的图片的原分辨率为1920*1080-->

style=“width: 100px”：将引入的图片的宽度固定为100px；此时height就会自适应变化。

由上图可知，图片已经自适应变化了，height:56.25px，这个数字是怎么得出来的？
width:1920--->100
heidth:1080 --->56.25    因为：1080/(1920/100)=56.25px