影片直播系統原始碼，CSS3如何調整背景圖片大小

影片直播系統原始碼，CSS3如何調整背景圖片大小

1.length

length：設定背景圖片的高度與寬度。第一個值設定寬度，第二個值為高度。如果只給出第一個值，那麼第二值則設定為auto（自動）。

舉例，將背景圖片改為20emx20em(預設1px = .05em)

            width: 30em;
            height: 22em;
            background: greenyellow;
            background-size:20em 20em;
            background-image: url("src/assets/csdn/bg.jpg");
            background-repeat: no-repeat;

2.percentage

percentage：將計算相對於背景定位區域的百分比。第一個值設定寬度，第二個值為高度，各個值之間以空格 隔開指定高和寬，以逗號 , 隔開指定多重背景。如果只給出一個值，第二個是設定為auto(自動)。

 background-size:80% 70%;

3.cover

cover：保持影像的橫縱比將影像縮放成完全覆蓋背景定位區域的最小大小。

background-size:cover;

4.contain

contain：保持影像的橫縱比將影像縮放成適應背景區域的最大大小。

background-size:contain;

以上就是影片直播系統原始碼，CSS3如何調整背景圖片大小， 更多內容歡迎關注之後的文章