时间戳

首页 > 解决方案 > 需要帮助使 2 个 iframe 具有响应性

html - 需要帮助使 2 个 iframe 具有响应性

问题描述

所以我是个菜鸟，我将 2 个 iframe 放在彼此下方，它们看起来完全没问题（图片）这是在不缩小窗口的情况下的样子，直到我需要它们在我缩小窗口时做出响应。这是我的代码：

<div id="fh5co-main">

  <aside id="fh5co-hero" class="js-fullheight">

    <iframe width="1520" height="500" src="https://www.youtube.com/embed/f4vA1y7-k_E" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    <iframe frameborder="0" scrolling="no" id="chat_embed" src="https://www.twitch.tv/embed/hydro/chat" height="470" width="1520">
</iframe>

</div>
</aside>

标签： htmlcssresponsive-design

解决方案

在两个 iframe 上设置 width="100%"

推荐阅读