Когда я использую следующий код, чтобы создать элемент iframe:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
Элемент iframe не'т пройти весь путь—белый и quot значение 10px;границы", которая окружает элемент iframe. Как я могу решить это?
Вот изображение проблемы:
Чтобы покрыть всю область просмотра, вы можете использовать:
<iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn't support iframes
</iframe>
<удар>И обязательно установите оформлена страница's в пределах 0, например, тело { маржа: 0; }`.</удара> - на самом деле, это и не нужно с этим решением.
Я успешно пользуясь этим, с Дополнительный дисплей:нет и JS, чтобы показать его, когда пользователь нажимает соответствующий контроль.
Примечание: Для заполнения родительская's вид площади, а не всей области просмотра, установки изменения:исправлено " на " позицию:абсолютная`.
"Тело" имеет запас по умолчанию в большинстве браузеров. Попробуйте:
body {
margin: 0;
}
на странице с окна iframe`.
Вы также можете использовать просмотра-процент длины для достижения этой цели:
>в области просмотра-процент длины по отношению к размеру начального содержащего блока. Когда высота или ширина начального содержащего блока изменяется, они масштабируются соответствующим образом.
Где 100vhпредставляет высоту окна просмотра, а также
100vw` - это ширина.
[Пример][3]
в
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}
<iframe></iframe>
в
Это поддерживается большинством современных браузеров - поддержка может быть найдена здесь.
Используйте frameborder=с"0"
в. Здесь'ы полный пример:
<iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>
Попробуйте добавить следующий атрибут:
scrolling="no"
Невозможно сказать, не видя живой пример, но попробуйте давать обе маржа тел: 0px`
Вы могли бы попробовать frameborder=0
.
Используйте этот код, вместо него:
<frameset rows="100%,*">
<frame src="-------------------------URL-------------------------------">
<noframes>
<body>
Your browser does not support frames. To wiew this page please use supporting browsers.
</body>
</noframes>
</frameset>