为了账号安全,请及时绑定邮箱和手机立即绑定

iframe下内容自适应缩放

iframe下内容自适应缩放

HUWWW 2019-04-07 09:38:28
在页面使用iframe加载来自其他域名的内容,由于包含iframe的父级框长宽固定,如何使iframe里的内容自适应缩放并且居中显示,而不是只显示一部分(左上角),求如何做到?Ps:iframe里的内容是动态改变src来加载的,里面的内容可能是img,swf或是文字,但长宽可知。
查看完整描述

2 回答

?
慕无忌1623718

TA贡献1744条经验 获得超4个赞

这个iframe缩放的问题暂时解决了:由于知道父级框和iframe的大小(宽高),可以直接设置iframe的width和height为其实际的大小,再根据父级框的大小计算iframe的缩放比例,之后使用CSS3的transform的scale()缩放整个iframe,使其显示在父级框内,由于IE8以下不支持transform属性,可以使用filter替代。这里需要注意在使用transform属性时需要配合使用transform-origin来设置缩放的基准点。以上就是我自己关于iframe内容自适应缩放的解决办法。
                            
查看完整回答
反对 回复 2019-04-07
?
米脂

TA贡献1836条经验 获得超3个赞

如果是来自其他域名的话基本上没有解决方案,iframe会有跨域限制,只要iframe内的域名跟父页面的域名不同,外面就不能对iframe内的页面做任何操作(包括读取)
                            
查看完整回答
反对 回复 2019-04-07
  • 2 回答
  • 0 关注
  • 2151 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信