Saltar al contenido
Carlos Estrada
Frontend

Chrome 154 trae iframes que se ajustan solos a su contenido

4 min de lectura
Cinco marcos vacíos de distintos tamaños colgados en una pared blanca

Google publicó Chrome 154 en su canal estable, la versión que recibe la mayoría de la gente. La novedad que más llama la atención de quienes hacen páginas web es que un iframe ya puede ajustar su tamaño al contenido que muestra.

Además, Chrome ahora pregunta antes de abrir un sitio que usa una conexión HTTP sin cifrar. Aquí te contamos ambos cambios y otros detalles de CSS.

¿Qué pasó?

Según las notas de versión oficiales, Chrome 154 llegó al canal estable el 22 de septiembre de 2026. El medio japonés GIGAZINE también cubrió el lanzamiento y describió las mismas novedades principales.

Un iframe es un recuadro que muestra otra página dentro de la tuya, como un mapa, un video o un widget de comentarios. Hasta ahora, si el contenido cambiaba de alto, había que calcular la medida con JavaScript o aceptar barras de desplazamiento dentro del recuadro.

Con Chrome 154 el ajuste es automático, pero ambas partes deben aceptarlo. La página que inserta el iframe le pone la propiedad de CSS frame-sizing: content-height. La página que se muestra adentro agrega una etiqueta meta llamada responsive-embedded-sizing en su encabezado.

Esa etiqueta meta puede limitar qué sitios tienen permiso de redimensionarla, con la opción allow-origins. Así, el contenido incrustado decide quién puede usar su tamaño.

El otro cambio grande es de seguridad. Chrome ahora pregunta de forma predeterminada antes de conectarse a un sitio por HTTP, que no cifra la información. Google indica que los administradores pueden controlar este comportamiento con políticas empresariales.

Otros detalles para quien hace páginas

La nueva propiedad text-decoration-inset deja recortar o alargar subrayados, líneas superiores y tachados. Sirve, por ejemplo, para animar un subrayado sin agregar elementos extra.

La propiedad scroll-marker-group suma dos modos, links y tabs, que definen el orden del foco y cómo lo interpretan los lectores de pantalla. También cambió el cierre de ventanas emergentes y diálogos al tocar fuera de ellos: ahora usa clics, así que desplazarse en una pantalla táctil o hacer clic derecho ya no los cierra por accidente.

¿Por qué te importa?

Si incrustas contenido de otros sitios, o si otros incrustan el tuyo, podrás quitar código que solo existía para medir alturas. Menos código significa menos errores y páginas más ligeras.

Eso sí, la propia guía de Google marca que Firefox y Safari todavía no soportan los iframes responsivos. Por ahora conviene tratarlo como una mejora extra y no como la única solución.

El aviso de HTTP también te afecta si mantienes sitios internos o equipos de red que todavía no usan HTTPS. Tus usuarios empezarán a ver una pregunta antes de entrar.

¿Qué puedes hacer?

  • Actualiza Chrome y confirma que tienes la versión 154 desde el menú de ayuda del navegador.
  • Prueba los iframes responsivos en un proyecto de prueba y deja tu cálculo actual como respaldo usando una regla @supports de CSS.
  • Si tu página se incrusta en otros sitios, limita con allow-origins quién puede ajustar su tamaño.
  • Revisa qué sitios internos, paneles o impresoras de tu red todavía abren por HTTP y planea pasarlos a HTTPS.
  • Si administras equipos en una empresa, revisa las políticas de Chrome antes de que el aviso de HTTP sorprenda a tus usuarios.

Fuentes

Imagen de portada: foto de cottonbro studio en Pexels.