iframe 设置高度为100%无效

最新推荐文章于 2024-11-20 09:06:35 发布

原创最新推荐文章于 2024-11-20 09:06:35 发布 · 4.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5 #iframe #ifeame标签

HTML 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个关于在特定文档类型定义下，iframe标签高度设置为100%时无法生效的问题，并提供了解决方案，即将文档类型从XHTML1.0 Strict更改为HTML4.0 Transitional。

如果页面的文档标准为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

此时，设置iframe标签的高度为100%无效。所以将页面标准设置为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Misnice

关注关注

7
点赞
踩
6

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Iframe自适应高度，Iframe高度问题解决

蕃薯耀的博客

03-10

4874

Iframe自适应高度，Iframe高度问题解决 ================================ ©Copyright 蕃薯耀2021-03-10 https://www.cnblogs.com/fanshuyao/ 一、Iframe自适应高度方法 /** * 父级页面获取子级页面的高度给元素设置高度 * 在onload事件之后才生效，即第一次加载才生效，后面高度变化...

iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

06-03

Iframe自动根据类容改变自己的大小，解决Iframe设置高度后无法缩小！拜一个高人所赐，特表示感谢！

4 条评论您还未登录，请先登录后发表或查看评论

iframe标签height100%无效解决办法,亲测有效

Clarence_Pang的博客

12-26

9637

iframe使用height属性之前要先保证body、html等父标签的height是100% 贴上页面完整代码 <!DOCTYPE html> <html style="height: 100%"> <head> <title>PxAllotIndex.html</title> ...

iframe设置height无效

weixin_30672295的博客

02-24

1751

iframe设置height为100%无效，实际是因为父空间高度没有设置的问题。代码如下 <body> <iframe id="content" src="main.do" name="content" frameborder="0" scrolling="no" height="100%" width="100%"></iframe></bo...

iframe 高度为100%无效处理办法

苏木瑾

12-03

1539

改一下html的声明就可以解决如果是下面这个，设置100%就会无效 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 改成这个声明就可以解决 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ...

iframe高度塌陷，设置100%无效解决方案

前端~锋小张

08-31

1541

【代码】iframe高度塌陷，设置100%无效解决方案。

html iframe高度的100%无效

06-01

如果您在使用 `<iframe>` 标签时设置了高度为 100%，但是发现它并没有生效，可能是因为它的父元素没有设置高度。在这种情况下，`<iframe>` 的高度将会自动调整以适应其内容的高度，而不是适应父元素的高度。解决这...

html iframe高度的100%无效给我举个成功的例子

06-01

当 `<iframe>` 的父元素具有固定的高度时，设置 `<iframe>` 的高度为 100% 就会生效。以下是一个简单的例子： ```html ;"> <iframe src="https://www.example.com" style="height: 100%; width: 100%;"></iframe> ...

兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)

09-05

为了避免这种情况，可以在`iframe`加载时将其高度设置为一个低于实际内容高度的值，例如`100`，然后再同步到正确的高度： ```html <iframe style="z-index: 1; visibility: inherit; width: 100%;" name="main...

micro-app微前端子应用设置高度100%没有效果

热门推荐

smb1987cs的专栏

02-17

4万+

最近，利用 MapGuide 技术开发一个 WebGIS 的应用程序，其中用到了标签；可是当我调试运行的时候，其 width=100% 生效了，但 height=100% 就无效，无论用 JavaScript 的方式修改还是直接设置其 height 属性为100%，始终只有 200px 左右的高度。折腾了我半天，再经过一番研究，终于找到答案了，结论如下：要使标签的 height=100

‌iframe使用百分比设置宽高不生效

yy_demo的博客

11-20

474

为了适应不同的显示器，宽高不能直接写px，‌iframe之前我都是使用vw或者vh设置宽高，是可以生效的，但是这次我的左侧是有一个固定宽度的侧边栏，导致不能使用vw，我就想使用百分比，但是一直不生效。我找到一个方法可以很方便的使用百分比，使用子绝父相，就是给iframe的父盒子设置绝对定位，然后iframe加一个相对定位，百分比设置宽高就可以生效了。虽然找到了解决方法，但是为什么iframe使用百分比宽高补班生效的原因我也不知道。

Iframe设置高度为100%问题!!!!

weixin_30695195的博客

09-23

988

在使用Iframe的时候,高度设置一直使我很郁闷!!! 今天在网上查了一些资料,终于突破了这个知识点.把代码奉献给大家.希望能给大家带来方便. 你可以嵌套使用多iframe,只要在iframe嵌套页的具体内容页中加入下面的js代码即可. <script> parent.document.all.iframeTest.height = Screen.Height; &...

iframe高度100% html,iframe height 100% 无效问题

weixin_42512441的博客

07-02

1982

应用场景： vue + mui，用hbulider打包后，嵌套其它网页，在网上查HTML页面嵌套的解决方案，选择使用ifame标签时遇到了height设置无效的问题1. 通过设置html和body高度，ifame设置height：100%才有效，代码如下：content="width=device-width, user-scalable=no, initial-scale=1.0, maxim...

兼容模式下IFRAME_height=100%无效时CSS设置

weixin_34250709的博客

03-20

411

2019独角兽企业重金招聘Python工程师标准>>> ...

iframe设置高度为100%

weixin_34109408的博客

05-19

464

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="widt

设置iframe的高度为100%

jsnjzgb的博客

11-16

1838

1、页面设置为 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2、要在样式style中设置 style="height:100%"