欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css如何設置圖片拉伸

傅智翔1年前6瀏覽0評論

CSS 中的background-size屬性可以指定背景圖片如何拉伸。其屬性值可以是長度值(如像素)或百分比,也可以是關鍵詞covercontain。

當屬性值為cover時,背景圖片會被縮放到恰好覆蓋整個背景區域,并且保持圖片原始的寬高比例。

background-size: cover;

當屬性值為contain時,背景圖片會被縮放以完全裝入背景區域,可能會出現背景區域不完全填充的情況。

background-size: contain;

如果需要指定具體的長度值或百分比,可以用以下語法:

background-size: 寬度 高度;
background-size: 寬度%;
background-size: auto 高度;

如果指定的寬高比例與圖片原始的寬高比例不一致,那么圖片會被強制拉伸到指定的寬高比例。

例如,下面的 CSS 規則會把背景圖片設置為恰好覆蓋整個背景區域,并且保持寬高比例為 16:9:

background-image: url("image.jpg");
background-size: 100% 56.25%;