HTML | DOM IFrame 宽度属性

在 HTML 中，使用

使用 width 属性来设置嵌入页面的宽度大小。

例如：

<iframe src="https://www.example.com" width="500" height="300"></iframe>

上述代码会在 HTML 页面中嵌入指定网站，宽度为 500 像素，高度为 300 像素。

若要使用百分比的宽度大小，则可以设置 width 属性为百分比值。

例如：

<iframe src="https://www.example.com" width="50%" height="300"></iframe>

上述代码会在 HTML 页面中嵌入指定网站，宽度为页面宽度的 50%，高度为 300 像素。

注意，设置 width 属性后，嵌入的页面并不会自动适应宽度大小，而是按照设置的宽度大小展示。若需要页面自动适应宽度大小，则需要使用 CSS 配合进行调整。

例如：

<style>
    .iframe-wrapper {
        width: 100%;
        height: auto;
    }

    .iframe-wrapper iframe {
        width: 100%;
        height: 100%;
    }
</style>

<div class="iframe-wrapper">
    <iframe src="https://www.example.com"></iframe>
</div>

上述代码会给嵌入的

总之，通过设置 width 属性，我们可以控制嵌入页面的宽度大小，并通过 CSS 调整页面适应性。