¿Cómo hago que un iframe se ajuste a toda la pantalla sin especificar las dimensiones?

Si no especifico ninguna dimensión, el iframe parece diminuto. Si yo no especificar las dimensiones de la siguiente manera, entonces no se adapta adecuadamente para diferentes resoluciones de pantalla¿Cómo hago que un iframe se ajuste a toda la pantalla sin especificar las dimensiones?

<iframe name="report"style="height:1200px;width:800px;">

¿Hay una manera de permitir automáticamente el marco flotante para estirar a toda la pantalla?

Fuente

2011-09-16 deltanovember

Uso%

<iframe name="report" height="100%" width="100%"></iframe>

Fuente

2011-09-16 02:23:13 checkenginelight

Esto no funciona para iframe dentro de un modal de arranque –

Suponiendo que el iframe tiene un ancestro pequeño con position: relative.

<iframe name="report"style="position: absolute; top: 0; right: 0; bottom: 0: left: 0;">

También debería considerar el uso de una hoja de estilo externa.

Fuente

2011-09-16 02:21:46 alex

yo estaba escribiendo en el mismo :). – fncomp

El iframe parece pequeño ahora ¿He hecho algo mal? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/144152/">deltanovember</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@deltanovember: No. ¿Tienes un enlace en vivo? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/31671/">alex</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Cuestiones relacionadas</div> <ul class="relative_list"> <li> 1. <a href="http://es.uwenku.com/question/p-tokwsstj-p.html" target="_blank" title="Captura de pantalla de la forma cuyas dimensiones son mayores que las dimensiones de la pantalla"> Captura de pantalla de la forma cuyas dimensiones son mayores que las dimensiones de la pantalla </a> </li> <li> 2. <a href="http://es.uwenku.com/question/p-rslbwgge-bo.html" target="_blank" title="¿Cómo hago que el contenido de UIWebView se ajuste al tamaño de la pantalla del iPhone?"> ¿Cómo hago que el contenido de UIWebView se ajuste al tamaño de la pantalla del iPhone? </a> </li> <li> 3. <a href="http://es.uwenku.com/question/p-dspxedgk-x.html" target="_blank" title="¿Cómo hacer que la imagen de fondo se ajuste a toda la página sin repetir usando css simple?"> ¿Cómo hacer que la imagen de fondo se ajuste a toda la página sin repetir usando css simple? </a> </li> <li> 4. <a href="http://es.uwenku.com/question/p-gkzqbpfw-e.html" target="_blank" title="onTouchListener para toda la pantalla"> onTouchListener para toda la pantalla </a> </li> <li> 5. <a href="http://es.uwenku.com/question/p-wvuimgle-r.html" target="_blank" title="¿Cómo puedo obtener las dimensiones de la pantalla activa?"> ¿Cómo puedo obtener las dimensiones de la pantalla activa? </a> </li> <li> 6. <a href="http://es.uwenku.com/question/p-crmnobng-bv.html" target="_blank" title="HTML Chrome Audit Especificar las dimensiones de la imagen"> HTML Chrome Audit Especificar las dimensiones de la imagen </a> </li> <li> 7. <a href="http://es.uwenku.com/question/p-qpbjcsut-w.html" target="_blank" title="¿Cómo hago para que un div HTML se ajuste a otro div?"> ¿Cómo hago para que un div HTML se ajuste a otro div? </a> </li> <li> 8. <a href="http://es.uwenku.com/question/p-knnwlcek-ba.html" target="_blank" title="Actividad translúcida que llena toda la pantalla"> Actividad translúcida que llena toda la pantalla </a> </li> <li> 9. <a href="http://es.uwenku.com/question/p-ruuqgnxw-e.html" target="_blank" title="¿Cómo hago para que el control deslizante jQuery UI se ajuste a los valores predefinidos?"> ¿Cómo hago para que el control deslizante jQuery UI se ajuste a los valores predefinidos? </a> </li> <li> 10. <a href="http://es.uwenku.com/question/p-ktnzltws-bw.html" target="_blank" title="Android dimensiones jugar a pantalla de Servicio"> Android dimensiones jugar a pantalla de Servicio </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://es.uwenku.com/question/p-pmgilkyp-bd.html" target="_blank" title="¿Cómo hacer que mi aplicación Windows Form se ajuste a los bordes de la pantalla?"> ¿Cómo hacer que mi aplicación Windows Form se ajuste a los bordes de la pantalla? </a> </li> <li> 12. <a href="http://es.uwenku.com/question/p-uqylfqwh-bm.html" target="_blank" title="Dimensiones de la pantalla en Visual Basic"> Dimensiones de la pantalla en Visual Basic </a> </li> <li> 13. <a href="http://es.uwenku.com/question/p-rqlaaabj-s.html" target="_blank" title="iOS: cómo obtener las dimensiones de la imagen sin abrirlo"> iOS: cómo obtener las dimensiones de la imagen sin abrirlo </a> </li> <li> 14. <a href="http://es.uwenku.com/question/p-heyjnhet-b.html" target="_blank" title="¿Cómo hacer que FigureCanvas se ajuste a un panel?"> ¿Cómo hacer que FigureCanvas se ajuste a un panel? </a> </li> <li> 15. <a href="http://es.uwenku.com/question/p-gpuauekl-bo.html" target="_blank" title="Cómo crear una superposición transparente en toda la pantalla, que incluye un teclado activa"> Cómo crear una superposición transparente en toda la pantalla, que incluye un teclado activa </a> </li> <li> 16. <a href="http://es.uwenku.com/question/p-oeohlkmy-k.html" target="_blank" title="La pantalla de bienvenida personalizada de Java se "congela" hasta que se carga toda la aplicación"> La pantalla de bienvenida personalizada de Java se "congela" hasta que se carga toda la aplicación </a> </li> <li> 17. <a href="http://es.uwenku.com/question/p-nxfhtajx-c.html" target="_blank" title="¿Cómo hago que Ajax.ActionLink actualice un elemento en lugar de navegar por toda la página?"> ¿Cómo hago que Ajax.ActionLink actualice un elemento en lugar de navegar por toda la página? </a> </li> <li> 18. <a href="http://es.uwenku.com/question/p-goeiukgk-o.html" target="_blank" title="Cómo hacer que la altura de la página web se ajuste a la altura de la pantalla"> Cómo hacer que la altura de la página web se ajuste a la altura de la pantalla </a> </li> <li> 19. <a href="http://es.uwenku.com/question/p-pfhyhdqk-q.html" target="_blank" title="¿Cómo hago que Emacs se inicie sin tanta fanfarria?"> ¿Cómo hago que Emacs se inicie sin tanta fanfarria? </a> </li> <li> 20. <a href="http://es.uwenku.com/question/p-tbgjwzkz-x.html" target="_blank" title="Determinar las dimensiones de CCLabelTTF"> Determinar las dimensiones de CCLabelTTF </a> </li> <li> 21. <a href="http://es.uwenku.com/question/p-unhuqgmk-a.html" target="_blank" title="¿Cómo generalizar las dimensiones externas a n?"> ¿Cómo generalizar las dimensiones externas a n? </a> </li> <li> 22. <a href="http://es.uwenku.com/question/p-qzydufvu-bp.html" target="_blank" title="iTextSharp: ¿Cómo cambiar el tamaño de una imagen para que se ajuste a un tamaño fijo?"> iTextSharp: ¿Cómo cambiar el tamaño de una imagen para que se ajuste a un tamaño fijo? </a> </li> <li> 23. <a href="http://es.uwenku.com/question/p-dpqbobvv-d.html" target="_blank" title="iframe sin un atributo src"> iframe sin un atributo src </a> </li> <li> 24. <a href="http://es.uwenku.com/question/p-vfjhyuxv-x.html" target="_blank" title="android: obtenga las dimensiones de la imagen sin abrirlo"> android: obtenga las dimensiones de la imagen sin abrirlo </a> </li> <li> 25. <a href="http://es.uwenku.com/question/p-cmlcmhvz-bm.html" target="_blank" title="¿Cómo cambio el tamaño de un UIButton para que se ajuste al texto sin que sea más ancho que la pantalla?"> ¿Cómo cambio el tamaño de un UIButton para que se ajuste al texto sin que sea más ancho que la pantalla? </a> </li> <li> 26. <a href="http://es.uwenku.com/question/p-rdruygtm-bw.html" target="_blank" title="¿Cómo detener a Android para que no vuelva a dibujar toda la pantalla cada vez que algo cambie?"> ¿Cómo detener a Android para que no vuelva a dibujar toda la pantalla cada vez que algo cambie? </a> </li> <li> 27. <a href="http://es.uwenku.com/question/p-wdokevsy-a.html" target="_blank" title="Crear una página maestra que se ajuste a cualquier resolución de pantalla"> Crear una página maestra que se ajuste a cualquier resolución de pantalla </a> </li> <li> 28. <a href="http://es.uwenku.com/question/p-physlqdx-c.html" target="_blank" title="¿Cómo escalar/cambiar el tamaño del texto para que se ajuste a un TextView?"> ¿Cómo escalar/cambiar el tamaño del texto para que se ajuste a un TextView? </a> </li> <li> 29. <a href="http://es.uwenku.com/question/p-ksrajeuo-bw.html" target="_blank" title="Crear iframe con javascript que se agrega a un div"> Crear iframe con javascript que se agrega a un div </a> </li> <li> 30. <a href="http://es.uwenku.com/question/p-heymeriw-bh.html" target="_blank" title="jQuery Resolución de pantalla Ajuste de altura"> jQuery Resolución de pantalla Ajuste de altura </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048471"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Última pregunta </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-elnzovxd-t.html" target="_blank" title="¿Por qué las fuentes personalizadas generalmente no se muestran correctamente en iOS?"> ¿Por qué las fuentes personalizadas generalmente no se muestran correctamente en iOS? </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-qejjvrxk-u.html" target="_blank" title="Restaurar htacces para las subcarpetas"> Restaurar htacces para las subcarpetas </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-yshzjgem-q.html" target="_blank" title="Ampliar div hijo más allá del contenedor div"> Ampliar div hijo más allá del contenedor div </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-txzipglz-q.html" target="_blank" title="Cómo crear un DialogFragment 100% personalizado"> Cómo crear un DialogFragment 100% personalizado </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-zhlflkun-b.html" target="_blank" title="Controlador de vista push en la vista del controlador de vista modal"> Controlador de vista push en la vista del controlador de vista modal </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-aikpuuts-d.html" target="_blank" title="¿Por qué python pickle load y dump inflan el tamaño de un objeto en el disco?"> ¿Por qué python pickle load y dump inflan el tamaño de un objeto en el disco? </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-gqqmxqpq-be.html" target="_blank" title="¿Listado de funciones php en la parte superior del archivo? (o, ¿cómo saltar rápidamente a las funciones php?)"> ¿Listado de funciones php en la parte superior del archivo? (o, ¿cómo saltar rápidamente a las funciones php?) </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-qfsrbudz-ba.html" target="_blank" title="¿Cómo se puede usar sexplib con tipos de funtores como Map?"> ¿Cómo se puede usar sexplib con tipos de funtores como Map? </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-uxtpnidn-z.html" target="_blank" title="determinar si el rango de fechas se encuentra entre otro rango de fechas - sql"> determinar si el rango de fechas se encuentra entre otro rango de fechas - sql </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-anyyagxt-w.html" target="_blank" title="git - obteniendo TODA la versión anterior de un archivo/carpeta específico"> git - obteniendo TODA la versión anterior de un archivo/carpeta específico </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Cuestiones relacionadas</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://es.uwenku.com/question/p-tokwsstj-p.html" target="_blank" title="Captura de pantalla de la forma cuyas dimensiones son mayores que las dimensiones de la pantalla"> Captura de pantalla de la forma cuyas dimensiones son mayores que las dimensiones de la pantalla </a> </li> <li class="side_article_list_item"> 2. <a href="http://es.uwenku.com/question/p-rslbwgge-bo.html" target="_blank" title="¿Cómo hago que el contenido de UIWebView se ajuste al tamaño de la pantalla del iPhone?"> ¿Cómo hago que el contenido de UIWebView se ajuste al tamaño de la pantalla del iPhone? </a> </li> <li class="side_article_list_item"> 3. <a href="http://es.uwenku.com/question/p-dspxedgk-x.html" target="_blank" title="¿Cómo hacer que la imagen de fondo se ajuste a toda la página sin repetir usando css simple?"> ¿Cómo hacer que la imagen de fondo se ajuste a toda la página sin repetir usando css simple? </a> </li> <li class="side_article_list_item"> 4. <a href="http://es.uwenku.com/question/p-gkzqbpfw-e.html" target="_blank" title="onTouchListener para toda la pantalla"> onTouchListener para toda la pantalla </a> </li> <li class="side_article_list_item"> 5. <a href="http://es.uwenku.com/question/p-wvuimgle-r.html" target="_blank" title="¿Cómo puedo obtener las dimensiones de la pantalla activa?"> ¿Cómo puedo obtener las dimensiones de la pantalla activa? </a> </li> <li class="side_article_list_item"> 6. <a href="http://es.uwenku.com/question/p-crmnobng-bv.html" target="_blank" title="HTML Chrome Audit Especificar las dimensiones de la imagen"> HTML Chrome Audit Especificar las dimensiones de la imagen </a> </li> <li class="side_article_list_item"> 7. <a href="http://es.uwenku.com/question/p-qpbjcsut-w.html" target="_blank" title="¿Cómo hago para que un div HTML se ajuste a otro div?"> ¿Cómo hago para que un div HTML se ajuste a otro div? </a> </li> <li class="side_article_list_item"> 8. <a href="http://es.uwenku.com/question/p-knnwlcek-ba.html" target="_blank" title="Actividad translúcida que llena toda la pantalla"> Actividad translúcida que llena toda la pantalla </a> </li> <li class="side_article_list_item"> 9. <a href="http://es.uwenku.com/question/p-ruuqgnxw-e.html" target="_blank" title="¿Cómo hago para que el control deslizante jQuery UI se ajuste a los valores predefinidos?"> ¿Cómo hago para que el control deslizante jQuery UI se ajuste a los valores predefinidos? </a> </li> <li class="side_article_list_item"> 10. <a href="http://es.uwenku.com/question/p-ktnzltws-bw.html" target="_blank" title="Android dimensiones jugar a pantalla de Servicio"> Android dimensiones jugar a pantalla de Servicio </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://es.uwenku.com/contact">Contactanos</a></li> <li>© 2020 ES.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

¿Cómo hago que un iframe se ajuste a toda la pantalla sin especificar las dimensiones?

Respuesta