2010-07-22 19 views
38

¿cómo hago un iframe 100% ancho y alto de la ventana?cómo hacer un iframe html 100% ancho y alto?

+0

Algunas sugerencias más aquí: http://stackoverflow.com/questions/5867985/iframe-100-height – andychase

+2

esto no es realmente la misma pregunta que el duplicado por varias razones: a) esta pregunta se refiere a " cómo "mientras que la otra pregunta pregunta" dónde: (como en "qué buscadores"), b) esta pregunta vino un año completo antes de la otra "pregunta", yc) la otra pregunta es de menor calidad, mal escrita y formateada.) dos preguntas con la misma respuesta no hacen duplicados (es decir, 1 + 1 y 4/2 son ambos 2 pero no son la misma pregunta). – IAmNaN

+0

@mikel respuesta no está publicada en la otra pregunta. Supongo que no es lo mismo "cómo construir un iframe 100%" Y "cómo hacer un ancho del 100%, probablemente después de que exista en la página". – erm3nda

Respuesta

13

Respondiendo a esto por si acaso alguien más como yo tropieza con esta publicación entre muchas que aconsejan el uso de JavaScripts para cambiar la altura del iframe al 100%.

Recomiendo encarecidamente que vea y pruebe esta opción especificada en How do you give iframe 100% height antes de recurrir a una opción basada en JavaScript. La solución de referencia funciona perfectamente para mí en todas las pruebas que he hecho hasta ahora. Espero que esto ayude a alguien.

29

este código probablemente lo ayude.

<iframe src="" onload="this.width=screen.width;this.height=screen.height;"> 
+0

Por favor explique un poco – vonbrand

+0

this.width para establecer el ancho de esta etiqueta. screen.width para obtener el valor de ancho de la pantalla. este código hace que esta etiqueta (iframe) ancho = ancho de pantalla y su altura = altura de pantalla - lo siento – mikel

+3

'pantalla' es la pantalla actual y no la ventana del navegador, por lo que en la mayoría de los casos la ventana del navegador será más pequeña que el tamaño de la pantalla . – Soren

Cuestiones relacionadas