如何缩小 div 内的 iframe 以匹配其宽度？

大佬教程收集整理的这篇文章主要介绍了如何缩小 div 内的 iframe 以匹配其宽度？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何缩小 div 内的 iframe 以匹配其宽度？？

我想做的应该很简单。但不知何故，我无法找到答案。 这是我的代码笔：

https://codepen.io/mvsimple/pen/wvgbvgQ

HTML：@H_301_6@

<div class="parent">
  <iframe class="child" src="https://reesgargi.com/"></iframe>
</div>

.parent {
    position: relative;
    overflow: hIDden;
    wIDth: 100%;
    padding-top: 62.5%;
}

.child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    wIDth: 100%;
    height: 100%;
}

.child{
width: 1280px;
/* Magic */
transform-origin: 0 0;
transform: scale(0.703);
}

大佬总结

以上是大佬教程为你收集整理的如何缩小 div 内的 iframe 以匹配其宽度？全部内容，希望文章能够帮你解决如何缩小 div 内的 iframe 以匹配其宽度？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。