CSS拉伸圖片方法:
img { object-fit: cover; width: 100%; height: 100%; }
解釋:
首先,我們將圖片的object-fit
屬性設置為cover
。這將保持圖片的縱橫比,并將圖片拉伸到容器的大小以覆蓋它。
然后,我們通過width
和height
屬性將圖片設置為容器的100%大小。這將確保圖片鋪滿整個容器。
總結:
通過這兩個簡單的CSS屬性,我們可以輕松拉伸和鋪滿圖像,以適應不同大小和比例的容器以及各種屏幕設備。
上一篇css樣式 行距行高
下一篇css擬物設計按鈕