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