Question

所以我有我的页面，我需要它。我需要iframe来显示没有滚动条的整页内容。这不是问题，因为它已经有效了。问题是如何使其响应，因此它将显示没有滚动条的iframe的完整内容。我已经使宽度响应，但我不能让高度响应。这是我的代码：

＆＃xA;＆＃xA;

＆＃xD;＆＃xA;

  .frame-area {＆＃xD;＆＃xA; display：block;＆＃xD;＆＃xA;宽度：100％;＆＃xD;＆＃xA;身高：100％;＆＃xD;＆＃xA;溢出：隐藏;＆＃xD;＆＃xA; border：＃999999 1px solid;＆＃xD;＆＃xA;保证金：0px;＆＃xD;＆＃xA; padding：0px;＆＃xD;＆＃xA;}

＆＃xD;＆＃xA;

  ＆lt; iframe name =“Framename”src =“/ clients1.php”frameborder =“0”scrolling =“auto”class =“frame-area”＆gt;＆＃xD;＆＃xA; ＆LT; / iframe中＆GT;

＆＃的xD;＆＃XA;

＆＃的xD;＆＃XA; ＆ #xA;

Answer 1

这是你想要的吗？

你的iframe没有达到全高的原因是因为html和body元素没有设置为100%，所以我设置了这个，我使用了{{ 1}}删除浏览器设置的默认边距。请在下面找到margin:0px和html代码的CSS。

body

除此之外我还得到了iframe之外的边距，这是因为IFrame的边框没有包含在尺寸（高度和宽度）中，为了克服这个问题，我使用了CSS属性{{1} }它将考虑实际高度，包括边距和边框，因此滚动条将不存在！

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

＆＃13;

box-sizing:border-box

＆＃13;

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

＆＃13;

<iframe>高度响应

1 个答案: