Cloudinary-由于iframe的内容过高，iframe的关闭按钮+源栏被隐藏了 [英] Cloudinary - Iframe close button + sources bar is hidden because Iframe content is too high

问题描述

从图像中可以看到，iframe内容太大，并且隐藏了 X 按钮+ 源酒吧。
是否可以选择缩小内容？

此CSS似乎是问题所在：

  @@仅媒体屏幕和（最小宽度：767像素）{
＃uw-glamor-396 .css-5anb0a，＃uw-glamor-396 [数据-css-5anb0a] {
位置：绝对； 
最高：50％； 
剩余：50％； 
宽度：767px； 
高度：610像素； 
 transform：translate（-50％，-50％）; 
 border-radius：5px; 
} 
} 
  

如果高度为450px而不是610px，解决此问题。

此

解决方案

很遗憾，当前无法更改此设置。这是一个已知的问题，但是到目前为止，我还没有任何抱怨。通常，托管窗口小部件的应用是在桌面分辨率下，因此有足够的垂直空间或其在移动分辨率中，然后窗口小部件会切换到移动布局。

我会考虑推广此功能内部发行。
同时，您可以分享有关您的应用程序的一些详细信息吗，它如何显示小部件？是什么使它没有足够的垂直空间？

As you can see from the image, the iframe content is too big and it hides the X button + Sources bar. Is there any option to make it's content a bit smaller?

This css seems to be the problem:

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

If the height would be 450px instead of 610px it would fix the issue.

This fiddle raises the issue, open it with your laptop and expand a little bit the result window to get the Drag and Drop box.

This is how it looks like without the bookmark tab in my laptop with 100%, I use Chrome:

解决方案

Unfortunately, it isnt possible to change this currently. Its a known issue but up until now there havent been any complaints that i know of. Typically apps that host the widget are in desktop resolutions so there's enough vertical space or its in mobile res and then the widget switches to the mobile layout.

Ill look into promoting this issue internally. In the meantime, can you share some details about your app, how does it display the widget? What makes it not have enough vertical space?

这篇关于Cloudinary-由于iframe的内容过高，iframe的关闭按钮+源栏被隐藏了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！