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

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

调整后面页大小

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

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

    原文作者:绿毛水怪ttb
    原文地址: https://blog.csdn.net/weixin_46633791/article/details/108887101
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞