Cloudinary - Iframe 关闭按钮 + 源栏被隐藏，因为 Iframe 内容太高

【问题标题】：Cloudinary - Iframe close button + sources bar is hidden because Iframe content is too highCloudinary - Iframe 关闭按钮 + 源栏被隐藏，因为 Iframe 内容太高
【发布时间】：2020-08-05 20:46:34
【问题描述】：

从图片可以看出，iframe 内容太大，隐藏了X 按钮+Sources 栏。有没有办法让它的内容变小一点？

这个css似乎是问题所在：

  @@media only screen and (min-width: 767px) {
            #uw-glamor-396 .css-5anb0a, #uw-glamor-396 [data-css-5anb0a] {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 767px;
                height: 610px;
                transform: translate(-50%, -50%);
                border-radius: 5px;
            }
        }

如果高度是 450 像素而不是 610 像素，它将解决问题。

这个fiddle 提出了问题，用你的笔记本电脑打开它并稍微扩大结果窗口以获取Drag and Drop 框。

这是我的笔记本电脑中没有书签标签的样子，100%，我使用 Chrome:

【问题讨论】：

标签： cloudinary

【解决方案1】：

很遗憾，目前无法更改此设置。它是一个已知问题，但到目前为止，我所知道的还没有任何投诉。通常，托管小部件的应用程序采用桌面分辨率，因此有足够的垂直空间或移动分辨率，然后小部件切换到移动布局。

我会考虑在内部宣传这个问题。同时，您能否分享一些有关您的应用程序的详细信息，它是如何显示小部件的？是什么让它没有足够的垂直空间？

【讨论】：

这个小提琴看起来和你的截图不同。它使用 inlineContainer 参数。当您内联小部件时，关闭按钮不是按设计显示的。您在原始问题中报告的问题与小部件的垂直空间有限有关。这是你在 jsfiddle 之外面临的场景吗？
嗨，对不起，小提琴错了，我用正确的问题编辑了问题。
当然，我提出了这个问题，因为当我用笔记本电脑在我的网站上使用X 按钮和资源栏时，只有当我缩小到 80% 时才能看到它出现。他们只需要将Drag and Drop 占位符最小化一点，它太大了。