我有一个iframe,从一个文件夹嵌入到网站的PDF格式.我想要那iframe个人占满一整页.我做了width: 100%次,这覆盖了整个页面的宽度,但如果我做height: 100%次,它甚至不能覆盖半页.我怎么才能用iframe分盖满整页呢?最后一件事,我已经判断了其他答案,但这些答案对我没有帮助,我也try 使用嵌入和对象标签,但这些也不起作用.

代码行如下:

<iframe src="/static/HowToPay.pdf" width="100%" height="1000px"></iframe>

推荐答案

使用此设置高度并覆盖整个页面的css

body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
<iframe src="/static/HowToPay.pdf" width="100%"></iframe>

Html相关问答推荐

打印pdf时100 vh迪夫有半页高

关于角内按钮范围的混乱

如何使用bslb设置可导航页面侧边栏的样式

在 bootstrap 中的弹性项之间添加连接行

为什么这个高度为100%的页面会出现滚动条?

react :事件和转发器在特定代码段中不起作用

有没有办法根据另一个项目调整FlexBox项目的大小?

将组件移动到页面底部 Angular

当悬停时,同时影响相邻的两侧div

将现有内容拆分为三列或部分

如何在 css 和 html 中创建花状 struct

单击按钮时更改字体真棒图标

使用 sprite 的问题,字符 sprite 中的额外边距

为四开本网站主页添加背景图片

暗模式转换器

如何使用 html 和 css 为卡片创建此背景框架

当另一个 div 的高度改变或执行其内容的换行时,将 flex 方向更改为列

两个按钮范围滑块的 CSS

为什么浏览器在 Select 一个包裹在 标签中的块级元素后包含相邻元素?

是否可以在换行时向锚标记添加填充?