CSS樣式中可以設置圖片填充,但有時候實際圖片的尺寸可能不夠,導致填充不全。此時,我們可以使用CSS來解決這個問題。
img { width: 100%; height: 100%; object-fit: cover; }
上述代碼中,width: 100%;
和height: 100%;
可以確保圖片填充整個容器。同時,object-fit: cover;
可以保持圖片比例不變的情況下填充整個容器。這樣就可以很好地解決圖片填充不夠的問題。
需要注意的是,object-fit
屬性目前只在現代瀏覽器中支持,如果需要支持較老的瀏覽器,可以選擇使用JS庫等方式進行兼容。