Как я могу (совместим с кросс-браузером) максимизировать iFrame, чтобы он отображался на странице в строке URL, даже если он обслуживается с другого сервера?Максимизируйте iFrame (так что это страница запроса)
ответ
Я думаю, это должно работать:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test page!</title>
<style type="text/css">
html, body {
overflow: hidden;
margin: auto;
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<iframe src="page.htm" width="100%" height="100%" frameborder="0"></iframe>
</body>
</html>
Edit 1: Вы не только могли скрыть полосы прокрутки страницы с HTML и прокручивать = нет директивы
(это решение должно быть мульти- браузер)
Edit 2: Теперь даже XHTML доказательство;)
Edit 3: И, наконец, w3 валидатор нормально
(не забудьте добавить свиток = нет в теле, если вы бежите в проблемы совместимости Internet Explorer)
Вы можете установить ширину и высоту тегов родительской страницы html
и body
на 100%, а также тег iframe
, содержащий страницу, которую вы хотите загрузить.
Использование Javascript с нагрузкой тела событие, чтобы установить высоту IFrame & ширины к высоте окна & ширина ,
Например в JQuery:
$(document).ready(function() {
initIframe();
});
function initIframe() {
$("iframe").height($(window).height());
$("iframe").width($(window).width());
}
Испытано на FF, IE и GC
Это должно сработать, но CSS может справиться с этим без скриптов. –
Я тестировал CSS, но я не уверен, что это полный кросс-браузер – Aelios
- 1. Убедитесь, что страница всегда загружается в iframe
- 2. что это за окно. Проверка проверки? это проверка iframe?
- 3. Что это «статический» означает, и почему это так, что
- 4. PhoneGap iframe/страница масштабирования
- 5. Командная страница с iframe
- 6. Что это за код запроса?
- 7. Страница запроса при наведении курсора и iframe type
- 8. iframe refreshes главная страница
- 9. плавающего фрейма двигаться, когда родительский HTML страница прокручивается вверх/вниз, так что IFrame всегда в фокусе
- 10. Максимизируйте полученные метки
- 11. Что не так в этом примере запроса?
- 12. Что не так в синтаксисе запроса mysql?
- 13. Ошибка запроса Mysql: что не так?
- 14. Максимизируйте ширину TitleView
- 15. страница всегда обновляется (тег в браузере всегда показывает активный круг), это потому, что я использую iframe?
- 16. Максимизируйте прибыль, Расписание работы
- 17. Максимизируйте левую и максимизируйте право для приложения WIN32
- 18. Что не так с этим SQLite запроса
- 19. Что не так с синтаксисом запроса mysql?
- 20. Что не так с синтаксисом запроса MySQL?
- 21. Максимизируйте минимальную разность
- 22. Что это за sql-запрос не так?
- 23. Что не так? Это связано с указателем?
- 24. Что не так, если я это сделаю?
- 25. Это что-то не так с Gradle?
- 26. Максимизируйте разницу в сумме
- 27. внешняя страница и вопрос iframe
- 28. Страница не загружается в iFrame
- 29. страница на странице без iframe
- 30. Максимизируйте абсолютную разницу
Вот что я сделал, но я получаю 2-й набор полос прокрутки, как это. – Alex
Вы можете установить прокрутку = "нет" –
И: В Firefox высота 100% не работает, она примерно равна 300px. Не знаю, почему. – Alex