2015-08-18 162 views
0

是否可以從我的網站tumblr調整大小的iframe到100%? 我試過很多的選擇,但只用jQuery的,我得到CORS問題,也嘗試插件如: https://github.com/Sly777/Iframe-Height-Jquery-Plugin https://github.com/davidjbradshaw/iframe-resizerIframe調整大小CORS

仍然無法獲得100%的高度的iframe,比如我想這樣做的這100%頁:

<iframe src="https://www.tumblr.com/tagged/sample" width="100%" scrolling="no"></iframe> 

我不希望它是絕對的位置,它需要是裏面的內容,所以這一點:Full-screen iframe with a height of 100%不解決,我

+1

[全屏iframe與100%的高度]的可能重複(http://stackoverflow.com/questions/5867985/full-screen-iframe-with-a-height-of-100) – vard

回答

0

你可以風格的iframe填充整個頁面,用簡單的CSS。 看看這個例子,我爲你做的: https://jsfiddle.net/bjornnyborg/jx0wjvp9/

body,html { 
    height:100%; 
} 
iframe { 
    width:100%; 
    height:100%; /* you can also use "100vh" */ 
} 

請注意,如果你想使用100%的高度,所有的上升元素必須有100%的高度過,包括身體和html標籤。

更簡單的方法就是使用「height:100vh」;

希望能回答你的問題! :)

+0

不幸的是,我嘗試了這一點 - 如果我把iframe放到這個規則的內容中,它不適用於tumblr – dfg5rte4

+0

你能提供一個鏈接到你的tumblr頁面嗎? 你有沒有編輯tumblr頁面的CSS? 否則,你可以做同樣的風格,但內聯你的iframe,它會看起來像這樣: