在網(wǎng)站開發(fā)中，經(jīng)常需要使用iframe（內(nèi)嵌框架）來嵌入其他網(wǎng)頁。但是，有時候嵌入的網(wǎng)頁寬度可能會與原網(wǎng)頁不一致，這時候我們就需要對iframe 的寬度進(jìn)行控制。下面介紹一下如何使用CSS 控制 iframe 的寬度。

// 控制 iframe 寬度為 80%
iframe {
width: 80%;
}

以上代碼控制了所有iframe的寬度為網(wǎng)頁寬度的80%。但是，如果你只想控制頁面中某一個或幾個特定的 iframe的寬度，可以為它們加上一個class，然后對這個class進(jìn)行控制：

// 控制 class 為 iframeBox 的 iframe 寬度為50%
iframe.iframeBox {
width: 50%;
}

代碼中iframe所在的框架可以使用類名iframeBox來選擇。 CSS會遍歷所有 iframe 元素，并添加一個類名為 iframeBox 的 class，從而實現(xiàn)對這些 iframe 元素特定的控制。

除了width屬性外，我們還可以通過max-width和min-width屬性來控制iframe的最大和最小寬度。例如，如果要讓iframe的最大寬度為500px：

// 控制 iframe 最大寬度為500px
iframe {
max-width: 500px;
}

同樣地，用min-width屬性來控制 iframe 的最小寬度：

// 控制 iframe 最小寬度為300px
iframe {
min-width: 300px;
}

綜上所述，我們可以使用CSS 控制 iframe 的寬度，無論是控制所有的 iframe 還是特定的iframe，都可以通過類名來實現(xiàn)。