怎么让iframe自适应宽高，且里面内容也自适应电脑端/手机端

要让iframe自适应宽高，可以使用以下方法：

1. 使用CSS中的“width:100%; height:100%;”来设置iframe的宽高为父元素的百分比，这样iframe就会自适应父元素的大小。

2. 使用JavaScript来获取父元素的大小，然后动态设置iframe的宽高。

var iframe = document.getElementById('myiframe');
var container = document.getElementById('container');
iframe.style.width = container.offsetWidth + 'px';
iframe.style.height = container.offsetHeight + 'px';

要让iframe里面的内容也自适应电脑端/手机端，可以使用以下方法：

1. 在iframe中嵌入响应式网页，这样网页会根据屏幕大小自适应。

2. 在iframe中嵌入响应式设计的网页元素，这样元素会根据屏幕大小自适应。

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.example.com"></iframe>
</div>

相关问题

iframe 适配手机端

iframe是HTML中的一个标签，用于在当前页面中嵌入另一个页面。在适配手机端时，可以采取以下几种方式来使iframe适应手机屏幕的大小：

1. 使用CSS样式：可以通过设置iframe的宽度和高度为百分比或者使用响应式单位（如vw和vh）来实现自适应。例如，设置iframe的宽度为100%可以使其自动适应父容器的宽度。

2. 使用媒体查询：可以根据不同的屏幕尺寸设置不同的样式，包括iframe的宽度和高度。通过使用@media查询，可以根据屏幕宽度来动态调整iframe的大小。

3. 使用JavaScript：可以通过JavaScript来获取设备的屏幕尺寸，并根据屏幕尺寸来动态设置iframe的大小。可以使用window.innerWidth和window.innerHeight属性来获取屏幕的宽度和高度，并将其应用于iframe的样式。