嵌入響應在底部顯示白色邊框

我有一個網頁，顯示使用iframe的另一個html頁面。請參閱下面的代碼。嵌入響應在底部顯示白色邊框

<html> 
<head> 
<title>DotWifi</title> 
<meta http-equiv="Pragma" content="no-cache"> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
</head> 

<body> 
<div class="embed-responsive embed-responsive-4by3"> 
    <iframe class="embed-responsive-item" src="http://www.xxxx.com/xxxxxx/xxpage?xxxId=123&tok=$tok&authaction=$authtarget"></iframe> 
</div> 
</body> 
</html>

我嘗試使用iframe使用embed-responsive-item類展示一個負責任的網頁。但它是

在底部顯示一個白色邊框。請看下面的圖片。

請幫忙。

來源

2015-09-01 Ragesh S

這不是邊框，它只是身體的背景。

iframe的父div，embed-responsive-4by3應該有4到3的寬高比。這就是這個類所做的！所以如果寬度是416像素（窗口的寬度），那麼高度變成312像素。
這就是它的全部。

如果你不想這樣做，解決方案是從div中刪除embed-responsive-4by3類。或者，如果您的所有網頁都曾經在iframe中顯示另一個頁面，則可以完全省去Bootstrap並僅在頁面上放置iframe！

來源

2015-09-01 06:30:41

嵌入響應在底部顯示白色邊框

回答

相關問題