iframe的高度

我與這個網頁的： http://icelandwithkids.com/2016/02/11/do-i-need-a-4wd-awd-4x4-car-in-iceland/iframe的高度

有，它提供了谷歌地圖的iFrame：

<iframe width="100%" height="500" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d901747.8867442308!2d-19.44933680502082!3d63.804830147198125!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x48d74a424936b0d1%3A0xbe83531b006d778d!2sVik%2C+Iceland!3m2!1d63.4186315!2d-19.0060479!4m5!1s0x48d11a6e58c79679%3A0x48dc5b5397a88a8d!2sSveinstindur%2C+Iceland!3m2!1d64.1069444!2d-18.4166667!5e0!3m2!1sen!2sus!4v1455105815201/" scrolling="yes" class="iframe-class" frameborder="0"></iframe>

不管我做什麼，iFrame的高度不會改變 - 它被卡在一個非常小的高度。我試過使用perentage;我試過一些風格的東西，因爲我在this page上找到了。但似乎沒有任何區別。

我認爲頁面上的其他一些CSS會阻止使用iFrame高度選項？

感謝您的任何幫助。

來源

2016-02-12 IcelandWithKids

因爲在你的CSS您有：

embed,iframe,object,video{ 
    height:auto !important 
}

這迫使它是汽車，不管你做什麼。

你也有還設置了iframe的高度，以auto !important

cache.skin.css

刪除這些，那麼你可以設置任何你想要你的身高外部文件。

來源

2016-02-12 03:24:26 Ibu

謝謝。我刪除了第一個代碼塊。我想弄清楚第二個在哪裏。 cache.skin.css看起來像它鏈接到： http://icelandwithkids.com/wp-content/themes/piemont/cache/cache.skin.css 但我不知道我看到有關iFrame的任何內容那裏？ – IcelandWithKids

刪除高度：自動在'.blog-post iframe'中設置。 – Ibu

明白了。我現在在http://icelandwithkids.com/wp-content/themes/piemont/style.css看到了這一點。謝謝。 – IcelandWithKids

iframe的高度

回答

相關問題