Iframe Responsivos o Adaptativos con CSS para youtube, google maps, etc.

Al incrustar en nuestras web el diseño de algunos iFrames (html) no encontramos que cuando se redimensiona la ventana del navegador, o se muestra el contenido en otros dispositivos, el tamaño de los iframes es estático.

Iframes como vídeos de youtube o google maps se pueden fácilmente hacer responsivos, o ” adaptables” añadiendo estas líneas de CSS:

En el html quedaría de la siguiente manera:
(el ancho y alto queda descartado: suprimido por lo que se diga en el CSS).
1 Comments , ,