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

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;
}