需要帮助使 2 个 iframe 响应

Question

所以我有点菜鸟，我把 2 个 iframe 放在彼此下面，它们看起来完全没问题（图片）直到我需要它们在我制作 window 时做出响应更小。这是我的代码：

<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>

Answer 1

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

需要帮助使 2 个 iframe 响应

Need help making 2 iframes reponsive

html

css

responsive-design