Html <；iframe>；高度响应

所以我有我的网页，我需要在里面。我需要那个iframe来显示没有滚动条的完整页面内容。这不是问题，因为它已经在工作了。问题是如何使其具有响应性，以便在没有滚动条的情况下显示iframe的全部内容。我已经做出了宽度响应，但我不能做出高度响应。这是我的密码：

.frame区域{
显示：块；
宽度：100%；
身高：100%；
溢出：隐藏；
边框：#999999 1px实心；
边际：0px；
填充：0px；
}

这就是你想要的吗

Iframe没有达到全高的原因是

html

和

body

元素没有设置为

100%

，所以我设置了这个，我使用

margin:0px

删除了浏览器设置的默认边距。请在下面找到

html

和

body

标记的CSS

html,
body {
  height: 100%;
  width: 100%;
  margin: 0px;
}

除此之外，我也在iFrAME之外获得了边距，这是因为iFrAME的边界不包含在维度（高度和宽度）中，为了克服这个问题，我使用CSS属性<代码>框大小：边框B/CODE>，它将考虑实际的高度，包括边距和边框，因此，滚动条将不存在

.frame-area {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}

html，
身体{
身高：100%；
宽度：100%；
边际：0px；
}
.框架面积{
显示：块；
宽度：100%；
身高：100%；
溢出：隐藏；
边框：#999999 1px实心；
边际：0px；
填充：0px；
框大小：边框框；
}

这就是你想要的吗

Iframe没有达到全高的原因是

html

和

body

元素没有设置为

100%

，所以我设置了这个，我使用

margin:0px

删除了浏览器设置的默认边距。请在下面找到

html

和

body

标记的CSS

html,
body {
  height: 100%;
  width: 100%;
  margin: 0px;
}

除此之外，我也在iFrAME之外获得了边距，这是因为iFrAME的边界不包含在维度（高度和宽度）中，为了克服这个问题，我使用CSS属性<代码>框大小：边框B/CODE>，它将考虑实际的高度，包括边距和边框，因此，滚动条将不存在

.frame-area {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: #999999 1px solid;
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}

html，
身体{
身高：100%；
宽度：100%；
边际：0px；
}
.框架面积{
显示：块；
宽度：100%；
身高：100%；
溢出：隐藏；
边框：#999999 1px实心；
边际：0px；
填充：0px；
框大小：边框框；
}

@MartinĎurický在实现了我的代码后，你能分享这个问题的JSFIDLE吗？我想你也可以对类

框架区域

做

高度：100vh

和

宽度：100vw

，我不能把整个html页面的代码放进去，因为有很多it@MartinĎurický这是需要的修复吗？否，因为手机上有该iframe的滚动条。我需要iframe在任何设备上都没有滚动条，所以它看起来不像iframe，而是其中的一部分page@MartinĎurický在实现我的代码后，您是否可以与我分享JSFIDLE问题，我想您也可以对类

帧区域
执行
高度：100vh
和
宽度：100vw
，嗯，我不能把整个html页面的代码，因为有很多it@MartinĎurický这是需要的修复吗？否，因为手机上有该iframe的滚动条。我需要iframe在任何设备上都没有滚动条，这样它看起来就不会像iframe，而是页面的一部分