Iframe嵌入页面大小边框和调整

调整后面页大小

原始页未调整

代码：jsp

   <!-- 交易一览 --><div class="jjyl twodw" style="width: 90%;height: 650px;display:none;"><iframe id="main" name="main" class="twodw"  frameborder="0" scrolling="no"src="http://175.6.xxx.xxxx:xxxx/bs/#/home"></iframe></div>

css 主要用到属性: transform

scale比例

width 宽度调解

#main {position: absolute;transform: scale(.7, .7) translate(-50%, -50%);  //主要控制嵌入页面边框width: 1700px;height: 900px;top: 240px;left: 360px;
}

当css transform值为一下值时。效果

#main {position: absolute;transform: scale(.7, .7) translate(-50%, -50%);  //主要控制嵌入页面边框width: ***1900px;***height: 900px;top: 240px;left: 360px;
}

Iframe嵌入页面大小边框和调整相关推荐

artDialog和iframe嵌入页面
artDialog和iframe嵌入页面 ok: function () { var iframe = this.iframe.contentWindow; var cont = iframe.doc ...
iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题
之前在工作中遇到的问题,点击链到第三方网页,并要求修改标题. 后面查了下,可以用 iframe 标签的功能大概的逻辑就是,点击A按钮,跳转到嵌入页面,嵌入页面中使iframe显示出来的页面,添加样式 ...
关于Iframe嵌入页面，获取内部页面高度的办法
项目中经常会嵌入别人的页面,如果不知道被嵌入页面的高度,就没法给Iframe高度赋值,内部嵌入的页面就会出现滚动条,影响页面的美观. 1.如果被嵌入页面和当前页面不跨域,可以使用Iframe的@loa ...
两种PDF页面大小不一致的调整办法
年关岁末,办公一族的朋友们又要处理大量的办公文件.小编在处理PDF文件时候,经常遇到前后页面大小不一致的PDF文档,不仅看起来十分突兀,而且打印容易出错.不知道大家是否有遇到过这种情况.下面给大家介绍 ...
多张图片导成PDF后页面大小不一怎么调整
将图片转成PDF的方法很多,但有时预览的时候明明图片大小是一样的,为什么转换后的PDF文档却页面大小不一呢? 其实我们预览的图片大小并不是图片实际的尺寸大小,一般都是看图软件进行缩放的,而只有查看图片 ...
iframe 嵌入页面
<iframe>是框架的一种形式,也比较常用到. 例子1. <iframe width=420 height=330 frameborder=0 scrolling=auto src ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
【JS】iframe 嵌入页面用法
文章目录基本使用基本使用基本使用方式就是: <style type="text/css">/* 推荐使用css设置iframe的样式,因为height设置成100 ...
iframe 嵌入页面后无法显示的问题
查看浏览器控制台发现: X-Frame-Options可用于指示是否应该允许浏览器呈现在一个页面<FRAME> 或 <IFRAME>中. 以确保网站内容是不是嵌入到其它网站. ...

Iframe嵌入页面大小边框和调整

Iframe嵌入页面大小边框和调整

调整后面页大小

Iframe嵌入页面大小边框和调整相关推荐

最新文章

热门文章