在CSS中，設(shè)置圖片的寬度比例很常見。通過設(shè)置圖片的寬度比例，可以讓我們更好地控制圖片的顯示效果，使其更符合我們的設(shè)計需求。下面介紹兩種設(shè)置圖片寬度比例的方法：

/* 方法一 */
img {
width: 50%; /* 圖片寬度為父容器的50% */
height: auto; /* 高度自適應(yīng) */
}
/* 方法二 */
img {
max-width: 100%; /* 圖片寬度最大為父容器的100% */
height: auto; /* 高度自適應(yīng) */
}

方法一是通過設(shè)置圖片的寬度為父容器寬度的50%來實現(xiàn)的。這種方法適用于我們已知圖片和父容器的寬度，并且只需要控制寬度比例的情況下。其缺點是在部分瀏覽器中可能會出現(xiàn)圖片失真的情況。

方法二是通過設(shè)置圖片最大寬度為父容器寬度的100%來實現(xiàn)的。這種方法適用于我們未知圖片和父容器的寬度，或者需要在不同尺寸的父容器中使用同一個寬度比例的情況下。其優(yōu)點是可以保證圖片不失真，適用于不同的瀏覽器和設(shè)備。