相关疑难解决方法(0)

全屏iframe,高度为100%

所有浏览器都支持iframe height = 100%吗?

我使用doctype作为:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Run Code Online (Sandbox Code Playgroud)

在我的iframe代码中,如果我说:

<iframe src="xyz.pdf" width="100%" height="100%" />
Run Code Online (Sandbox Code Playgroud)

我的意思是它实际上会占用剩余页面的高度(因为顶部有另一个框架,固定高度为50px)所有主流浏览器(IE/Firefox/Safari)都支持这种格式吗?

关于滚动条,即使我说scrolling="no",我可以在Firefox中看到禁用的滚动条...如何完全隐藏滚动条并自动设置iframe高度?

html javascript css iframe html-frames

227
推荐指数
10
解决办法
70万
查看次数

52
推荐指数
2
解决办法
26万
查看次数

如何使iframe的宽度和高度与其父div相同?

我在div里面有一个iframe.我希望iframe的大小正好是其父div的大小.我使用以下代码来设置iframe的宽度和高度.

<iframe src="./myPage.aspx" id="myIframe" 
    style="position: relative; 
            height: 100%; 
            width: 100%' 
            scrolling='no' 
            frameborder='0'">
Run Code Online (Sandbox Code Playgroud)

但iframe的宽度与div不同,也显示水平和垂直滚动条.

html iframe width

18
推荐指数
2
解决办法
6万
查看次数

高度等于100%不适用于IFrame

以下是一些有关堆栈溢出的主题:

  1. 全屏iframe,高度为100%
  2. 您如何为iframe设置100%的高度[重复]
  3. 使Iframe适应容器剩余高度的100%

我想将iframe嵌套在我的网页上。我正在使用引导程序来设置网页样式,因此我使用了以下代码:

<div class="col-sm-6" style="margin:0px;padding:0px;overflow:hidden">
    <iframe id="iFrame1" src="<test_link_here>" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

不幸的是,我的iframe尚未调整为完整高度。我想以某种方式自动将其调整为最大高度。你知道我能做到吗?

html css iframe

3
推荐指数
1
解决办法
1625
查看次数

标签 统计

html ×4

iframe ×4

css ×2

html-frames ×1

javascript ×1

width ×1