iframe html 怎么设置适应手机页面大小

`iframe` 是 HTML 中用于嵌入另一个HTML文档的标签，在移动端适配方面，如果你想要让 `iframe` 自动适应手机屏幕大小，可以采用以下方法：

1. **设置宽度为100%**：
在CSS中给 `iframe` 设置宽度为 `100%`，让它占据容器的整个宽度。这样无论屏幕尺寸如何变化，`iframe` 都会填充其父元素。示例代码如下：

   <iframe src="your_iframe_url" style="width:100%; height: auto;"></iframe>

2. **使用max-width和height属性**：
如果你想限制 `iframe` 的最大宽度和高度，可以在 `style` 标签里添加 `max-width` 和 `height` 属性，并保持 `height` 为 `auto` 来让浏览器自适应内容高度：

   <iframe src="your_iframe_url" style="max-width:100%; max-height: 600px; overflow-y: auto;"></iframe>

这里的 `600px` 可以替换为你希望的最大高度值。

3. **媒体查询**：
对于响应式设计，可以使用媒体查询针对不同设备尺寸调整 `iframe` 的样式。比如：

   @media (max-width: 768px) {
       iframe { width: 100%; }
   }

当屏幕小于或等于768像素时，`iframe` 将占满宽度。

记得在实际应用中测试，因为不同的浏览器可能对 CSS 支持程度有差异，可能需要做些兼容性的处理。