El método adaptativo de iframe en el diseño de respuesta web

En el diseño de respuesta, debemos tener cuidado con el ancho y la altura del ancho y los atributos de la altura de los elementos de iframe, pero cuando el ancho o la altura del bloque o la altura es más pequeña que el ancho o la altura del iframe, el fenómeno de Iframe El elemento desborda el

Este iframe desbordante destruirá el diseño de la página. Podemos usar una forma de hacer que los elementos de iframe también respondan y esperar y ver.

El elemento iframe en sí no puede retraerse, a menos que el ancho mostrado por JS mostrado. Pero podemos envolver el iframe a través de un elemento de contenedor de iframe, y al mismo tiempo hacer el ancho del elemento contenedor de iframe lleno de ancho que contiene bloques, y según la relación de longitud y ancho de iframe, establezca el porcentaje de retroceso de relleno del elemento de contenedor iframe.

De hecho, la esencia de este método radica en establecer la propiedad de fondo del relleno del elemento del contador iframe. Debido a que establecer un porcentaje para el fondo del relleno se compara con el ancho del elemento principal, si el porcentaje del atributo de altura se establece, se compara con la altura del elemento principal. Solo puede establecer atributos para el fondo del relleno. De esta manera, solo necesitas hacer elementos de iframe llenos de contenedor de iframe.