前端新人，最近跟著網上一個入門項目學習。遇到如下問題：該元素是輪播圖左邊的按鈕圖片，原圖是為什么原圖大小為50px，設置為21px后并沒有壓縮原圖而是現實的左邊部分呢。。
2 回答
不負相思意
TA貢獻1777條經驗 獲得超10個贊
background-size:contain 會以最長的邊為基準，等比縮放，圖片不會被裁減。
background-size:cover 會以最短的邊為基準，等比縮放，圖片會被裁減。
background-size:100% 100% 會填充整個div。圖片不會被裁減，但是會被拉伸。
ibeautiful
TA貢獻1993條經驗 獲得超6個贊
圖片是作為背景圖片顯示的。默認情況下元素的 background-size 屬性值為 auto，也就是保持背景圖片的原始寬度和高度。
要想實現 “完全壓縮原圖” ，需要重新設置 background-size 值為 “100%,100%”，這樣背景圖片的寬高就等于元素的寬高。
這是 background-size 不同取值的規則，具體見 w3c
- 2 回答
- 0 關注
- 3963 瀏覽
添加回答
舉報
0/150
提交
取消