在網(wǎng)頁設(shè)計(jì)的過程中，經(jīng)常需要用到圖片來豐富頁面內(nèi)容。但是，不同的圖片大小和比例可能會影響頁面的美觀度和布局。在這種情況下，就需要通過CSS來調(diào)整圖片的比例。 可以使用CSS的width和height屬性來調(diào)整圖片的大小。如果希望圖片保持原有的比例，可以只設(shè)置其中一個屬性，如設(shè)置寬度為500像素，高度則會按比例自動縮放。如下所示： pre { width: 500px; } 若要同時設(shè)置寬高，需要在CSS中設(shè)置一個固定的比例，例如將寬度設(shè)置為50%，高度設(shè)置為auto。這樣即可保持圖片的比例不變。如下所示： pre { width: 50%; height: auto; } 另外，圖片也可以通過背景方式添加到頁面中。這時，比例調(diào)整的方法和前面類似，可以使用CSS的background-size屬性來調(diào)整圖片的大小。如下所示： pre { background-image: url("image.png"); background-size: cover; } 在這個例子中，background-size屬性被設(shè)置為cover，表示圖片會鋪滿整個元素，并保持比例不變。當(dāng)然，還有其他幾個可選值，如contain、100% 100%等等。 總的來說，調(diào)整圖片比例是網(wǎng)頁設(shè)計(jì)中一個重要的要素，通過靈活運(yùn)用CSS，可以讓頁面更具美感和更加合理的布局。