Html 如何允许页面特定部分的响应iframe？

我从各种来源收集了这些代码，以允许嵌入页面特定部分的iframe：

<style type="text/css">
body {background:transparent;
height:2000px;
width:870px;
}
</style>
<div style="border: 1px solid rgb(250, 0, 0); overflow: hidden; margin: 0px auto; max-width: 900px;">
<iframe scrolling="no" src="https://https://sites.google.com/site/yourcommentsite/test" style="border: 0px none; margin-left: -15px; height: 9999px; margin-top: -365px; width: 900px;">
</iframe>
</div>

正文{背景：透明；
高度：2000px；
宽度：870px；
}

此代码的原因如下所述：

第一部分是关于iframe的透明度，在包含iframe的小工具内部（除非它在小工具中，否则不适用于Google站点）。然后，我制作一个红色边框的“窗口”，其中包括站点的iframe。我调整iframe的大小并将其相对于“窗口”定位，并且嵌入了注释部分。此代码嵌入了一个900px宽、9999px长的iframe

这是用于谷歌网站，允许嵌入另一个谷歌网站页面的特定部分

问题是：它没有响应能力，因此指令有点复杂，并且取决于用户的屏幕分辨率，因此尝试使用它的人将制作固定大小的iframe，而其他显示器将剪切iframe或使其太小。如果iframe被剪切/溢出，将出现一个滚动条，但它不是最干净的解决方案

我想让它具有响应性，但我看到的解决方案无法让它们与只允许获取站点特定部分的“窗口”一起工作

我对编码几乎一无所知，所以你能帮我找到一个解决方案吗

此外，向Google站点添加javascript非常困难，而且它不允许src=“xxxx.js”或“xxxx.css”

---

谢谢

看看我的例子。这是通过将所有内容的高度和宽度设置为100%来实现的。但是，如果iframe指向的站点没有响应，那么您也无法在站点上使iframe内容响应

<iframe src='http://www.example.com' style='border: 0;' width='100%' height='100%' scrolling='no'></iframe>

谢谢你的回答。这适用于原始页面（这是一个响应页面），但我只想为页面的特定部分创建框架，并使用您的示例获得整个页面。如果我不添加“窗口”，它将不会做我想要的事情，也就是说，只有页面的特定部分。在这种情况下，我想从该页面嵌入的内容是从“评论”向下的。在这种情况下，请看。好的，我这样做了：

，但即使它将我带到评论部分，它也会显示其他所有内容。我将尝试将窗口添加到此窗口，以查看此窗口是否工作正常，因此我提出了此

主体{background:transparent；height=“100%”；“width=“100%”；}

我将其放入小工具中，它工作正常。它并不是非常优雅，因为这个小工具只有2000px高（必须修改页面的HTML才能更改它，并允许10000px），我必须拿出小工具的滚动条（或者它显示我试图隐藏的页面部分），但它工作正常。谢谢你的帮助！可能重复的