web前端怎么讓div大小剛好和圖片一樣大？

在前端開發(fā)過程中，我們經(jīng)常會遇到盒子大小跟圖片尺寸不匹配的情況，我們通常會通過以下幾種方式來解決。

1.通過采用裁剪圖片，根據(jù)div盒子設置的寬、高，來更改裁剪圖片的尺寸，使圖片適配div盒子。

2.設置div的具體寬高，圖片寬高分別設置為100%，代碼具體如下width:100%;height:100%。這種方式，也可以將圖片大小填充滿盒子。

3.如果圖片是網(wǎng)頁背景圖片，還可以通過設置div盒子內(nèi)屬性background-size為cover，這種方式也可使圖片充滿盒子。我們在實際運用中，可以根據(jù)不同情況來選擇不同圖片調(diào)整方式。