Question

我在使用wordpress和iFrame时遇到了问题。

我正在尝试构建应用程序并且高度不起作用。我改变高度，但它保持相同的高度，我无法弄明白。我尝试了很多插件，但也无济于事。

宽度很好，但是高度只是保持小，你必须滚动，这也困扰着我和潜在的客户。

它适用于我的旧wordpress主题，但现在我正在使用一个名为Mana的新主题。

可悲的是，我没有足够的声望点来张贴图片给你看。我无法解决这个问题。它真的适用于任何应用。视频工作正常。我一直在努力解决这个问题。我没有任何运气，任何帮助将不胜感激。 iFrame代码也在下面。此外，宽度工作正常，它只是高度。我很确定它的主题，但是它真的不支持它所以这是我的最后一招。

<iframe src="http://www.example.com/application" height="2000" width="750" frameborder="0"></iframe>

Answer 1

您可以尝试此操作，如下所示。我在!important上使用height。

<iframe src="http://www.example.com/application" style="width:750px; height:2000px !important;" frameborder="0"></iframe>

Answer 2

如果你这样做会怎么样？

<iframe src="http://www.example.com/application" style="height:2000px; width:750px;" frameborder="0"></iframe>

Answer 3

Wordpress对wp-includes/js/wp-embed.js文件中的iframe标签实施最小和最大高度保护。指定的最小和最大高度分别为200px和1000px。

对iframe CSS或height属性的修改不会影响高度，因为它将被自动覆盖。

这在以下代码段（wp-includes / js / wp-embed.js）中强制执行：

/* Resize the iframe on request. */
if ( 'height' === data.message ) {
    height = parseInt( data.value, 10 );

    if ( height > 1000 ) {
        height = 1000;
    } else if ( ~~height < 200 ) {
        height = 200;
    }

    source.height = height;
}

我写了一篇文章，其中包括针对bypass wordpress iframe height limit的JavaScript解决方案

https://medium.com/@wlarch/overwrite-and-bypass-wordpress-iframe-height-dimension-limit-using-javascript-9d5035c89e37

iframe高度不在wordpress页面上工作

3 个答案: