Javascript 制作嵌入式iframe比例，以适合封闭div

我需要使iframe嵌入代码适合于一个vine的大小，是否有办法做到这一点？嵌入代码由数据库提供，并且已经具有如下大小调整信息：

---

我很幸运地使用了这个简单的CSS：

例如：

---

您提供的嵌入链接决定了宽度，但这可以被CSS覆盖，因此您可以接受或保留它

您可以将iframe设置为特定的尺寸，

，或者使用CSS将其宽度和高度设置为100%，并确保容器尺寸成正比。因为葡萄藤是方形的，所以您希望两者都是相同的

---

尝试100%CSS并删除宽度和高度属性。请参见：有没有办法不编辑iframe嵌入代码就可以执行此操作？有没有办法不编辑iframe嵌入代码就可以执行此操作？编辑iframe嵌入代码？不知道你的意思。你不需要更改任何关于iframe代码的内容–通过CSS指定的宽度和高度优先于HTML属性。你的代码工作得很好，谢谢。有没有办法去掉图像两边的黑色，使图像全宽？谢谢Loku。有没有一种方法可以使藤蔓图像成为视图屏幕的全宽，并且两边都没有宽的黑色边距。我被难住了。您可以使用媒体断点来设置移动设备、平板电脑、桌面和4k的特定尺寸，但我不知道如何使其100%缩放并保持裁剪一致。否则，这可能需要一个Javascript解决方案，如果你绝对需要它来在无缝的屏幕尺寸上均匀地缩放。更新：我在上一次遇到这个脚本，我想它可以满足你的需要。我试过了。它在网站上运行良好，但在ionic iOS应用程序上运行不好。

.iframe-video { 
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 0px; overflow: hidden;
   margin-top:40px;
}

.iframe-video iframe { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}