CSS中可以使用background-image來設(shè)置背景圖片，也可以使用img標(biāo)簽在HTML中直接插入圖片。但是，有些情況下，我們希望圖片能夠超出原本的大小，以實(shí)現(xiàn)更好的效果。那么該怎么辦呢？

在CSS中，我們可以使用max-width和max-height來限制圖片的大小。當(dāng)設(shè)置了這些屬性之后，圖片會按照設(shè)定的最大值進(jìn)行縮放，如果寬高比例與原圖不一致，則會出現(xiàn)留白或者壓縮變形的情況。

img {
max-width: 100%;
max-height: 100%;
}

上述代碼可以將圖片的最大寬度和高度都設(shè)置為100%，這樣圖片就可以在超出原本大小的情況下進(jìn)行展示了。如果只想要實(shí)現(xiàn)寬度超出的效果，可以使用以下代碼：

img {
width: 120%;
height: auto;
}

這樣，圖片的寬度就可以超出原本大小，而高度會根據(jù)比例自動調(diào)整。需要注意的是，這種方法只適用于使用img標(biāo)簽插入的圖片，如果是設(shè)置背景圖片，需要使用background-size屬性來實(shí)現(xiàn)類似的效果。