Впечатляющий показывает белую рамку внизу

У меня есть веб-страница, которая показывает другую страницу html, используя iframe. См. Мой код ниже.Впечатляющий показывает белую рамку внизу

<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

Это не граница, это просто фон тела.

Предполагается, что родительский div от iframe, embed-responsive-4by3 должен иметь отношение ширины к высоте 4 на 3. Это то, что делает этот класс! Поэтому, если ширина составляет 416 пикселей (ширина окна), высота будет 312 пикселей.
Вот и все.

Если вы этого не хотите, решение должно удалить класс embed-responsive-4by3 из div.

Или, если вся ваша страница когда-либо отображается, отображается другая страница в iframe, вы можете обойтись без Bootstrap и поставить только iframe на странице!

источник

2015-09-01 06:30:41

Впечатляющий показывает белую рамку внизу

ответ

Смежные вопросы