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

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

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

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