[转]如何使IFrame的长宽与内容自动适应大小

最新推荐文章于 2022-09-02 15:57:37 发布

谢谢2014

最新推荐文章于 2022-09-02 15:57:37 发布

阅读量1.1k

点赞数

分类专栏：小技巧文章标签： iframe datagrid asp.net javascript function

本文链接：https://blog.csdn.net/xiemails/article/details/133023

版权

小技巧专栏收录该内容

5 篇文章 0 订阅

订阅专栏

问题说明:

很多时候可能写一个只有一个DataGrid的 iframe 页面, 这个时候就界面有要求了: 如何使iframe的长宽与内容自动适应大小? 比如asp.net的只实现一个datagrid列表,因datagrid的行数不定,不能固定iframe的长宽.

解决方法:

在IFrame里的asp.net页面使用window.resizeTo方法:

比如datagrid 的id为grid, 写javascript:

function window.onload()

{

var grid = document.getElementById(" grid");

window.resizeTo(grid.offsetWidth, grid.offsetHeight)

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

谢谢2014

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Iframe实现自适应调用内容页的大小

J_JAKE（陆冷飞）的专栏

08-25

1212

在网站的页面布局中我们经常要用到IFRAME，而且有事需要IFARME能够自适应内容的大小，免得出现滚动条，太难看。下面是我从网上搜集来的代码，直接用上了，觉得挺好用的，帖出来共享被嵌页面：Inc_Left_Tech.aspx的头部代码...@ Page Language="C#" AutoEventWireup="true" CodeFile="Inc_Left_Tech.asp

kindeditor图片上传并且图片自动适应编辑器大小

only_qiqi的专栏

05-09

6321

使用kindeditor上传图片使kindeditor中的图片适应编辑器大小作者：kiss小祥 QQ 244556979 语言：java 在jsp里使用版本：4.1.7 2013年4月21发布的，最新版哦公司做博文发布系统，需要一个在线所见即所得的编辑器，找了好多比如ckediter，ewebediter，kindeditor，ueditor。。。最后还是选择

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

如何使IFrame的长宽与内容自动适应大小

Ben's Bloggings

10-10

3284

By Ben问题说明:使用Iframe, 很多时候可能有要求: 如何使iframe的长宽与内容自动适应大小? 比如asp.net的只实现一个datagrid列表,因datagrid的行数不定,不能固定iframe的长宽.解决方法:在IFrame里的asp.net页面使用window.resizeTo方法:比如dat

IFrame自适应长宽

Jason的专栏

11-11

506

IFrame自适应长宽: <style type="text/css"> html, body { margin:0; padding:0; width: 100%; height:100%; overflow: hidden;} iframe { margin:0; padding:0; width: 100%; height:100%; -webkit-box...

iframe自适应内容大小

wenzi_li的专栏

08-13

249

xml 代码 <iframe align="middle" frameborder=0 name="reportbill" width=100% height="300" onload="document.all['reportbill'].style.height=reportbill.document.body.scrollHeight...

html设置长宽高代码_对html中iframe的研究

weixin_42528222的博客

01-05

648

虽然平时不怎么用iframe，但经常在网上听一些前辈说iframe怎样怎样，今天索性对iframe来个大研究，那样就不必去记那些条条框框了，自己体验一遍比看什么都好。创建两个文件一个index.html和iframe.htmlindex.html<!DOCTYPE html> <html lang="en"> <head> <meta charse...

怎么在一个分节里面插入一个网页并且取消掉它的长宽限制

热门推荐

m0_65450343的博客

06-11

11万+

Iframe 自适应宽高

Murpny的博客

09-02

1777

Iframe 自适应宽高

让嵌入的iframe完美自适应宽度、高度

ITSM/ITIL/网络安全/IT运维

10-14

9333

涉及到系统集成的时候，前端我们经常会用到iframe嵌入，但是嵌入的时候经常有不适应的情况，太长或太宽、滚动条。。。下面的方法可以做到使嵌入的iframe自适应宽度、高度， 1、嵌入iframe，加入onload事件 <iframe id="bi_iframe" src="http://xx.xx.xx.xx/yourServicePath&para1=xxx" onload="adjustIframe();" frameborder="0" scrol...

iframe嵌入网页时，页面大小怎么自适应

五花漏的博客

02-24

3万+

问题描述：页面中有一容器div，有宽高属性。在div中嵌入一个iframe页面，呈现这种效果：可以看到嵌入的页面只露出了一部分。而我们希望：嵌入的页面能够完全展示在容器中。思路：利用CSS的 transform，进行页面缩放。 1、我开发用的电脑屏幕分辨率是 1920 x 1080，以此为基准，设置iframe的宽高。 2、iframe 的父元素 div 的宽高是屏幕宽高的50%，所以 transform: scale(0.5)这个数值是0.5。（其余的三个属性没啥可说的，不明白的搜一下W3C吧

设置html iframe的高宽自动,在自适应布局页面上如何让iframe保持高宽比例

weixin_36315079的博客

06-03

4529

自适应布局网页设计(响应式布局)的好处是一套网页编码能在桌面电脑，平板，手机上根据屏幕的大小自动调整显示方式，极大的提升了用户使用友好性。但凡事有好处就有弊端，比如今天提到的如何如何让iframe保持高宽比例问题。如果网页中嵌入了一个视频iframe，我通常会给这个iframe设定固定的高度和宽度，这个高度和宽度的比例通常要适应视频的高宽必，比如16:9。但是，如果我们一旦写死了这个高度和宽度，当...

iframe自适应父容器宽高

简乐君

01-14

6840

button

Iframe自动适应宽度和高度

php菜鸟技术天地

06-02

4598

Iframe自动适应宽度和高度 <iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.height=100"></iframe> <script type="text/javascript"> function reinitIframe(){ var...

IFrame 根据嵌入页面自动调节大小

chuqian0842的博客

05-15

201

很多人估计会遇到这样的情况，在IFrame嵌入某些页面，总会出现滚动条，那么有没方法，可以让IFrame随着嵌入页面的内容大小自动调节大小而不出现滚动条呢？答案是肯定的，经过查找，本人发现用IframeResizer脚本可以很好解决此问题，并且它是跨域名的，即使嵌入的是第三方页面，不需繁杂处...

html 使iframe适应网页大小

09-06

使用HTML可以使iframe适应网页大小的方法有很多种。以下是其中一种常见的方法...通过上述方法，可以使iframe适应网页大小，无论网页是在桌面浏览器还是移动设备上展示，iframe都能够自动调整大小，以适应父容器的尺寸。