iframe de pantalla completa con una altura del 100%

Consulta:

¿La altura del iframe=100% es compatible universalmente? en todos los navegadores? Cuando se utiliza XHTML1 como tipo de documento, ¿un iframe con una altura del 100% ocupará la altura restante de la página (excluyendo un marco de altura fija de 50 píxeles en la parte superior)? Además, ¿cómo se pueden ocultar completamente las barras de desplazamiento mientras se configura automáticamente la altura del iframe?

Respuesta:

Si bien se pueden emplear conjuntos de marcos, los ejemplos proporcionados demuestran métodos alternativos para implementar un iframe de pantalla completa con una altura del 100%:

Otro opción:

Para suprimir las barras de desplazamiento usando estos enfoques:

Método alternativo:

En estos ejemplos, al padre se le asigna overflow: oculto para ocultar las barras de desplazamiento. Al ampliar el iframe al 150% de sus dimensiones originales, las barras de desplazamiento se fuerzan más allá de los límites de la página. Como resultado, la falta de barras de desplazamiento en el cuerpo impide que el iframe se extienda más allá de sus límites en la página. Esta estrategia oculta efectivamente las barras de desplazamiento del iframe y al mismo tiempo permite una visualización de ancho completo.