La méthode adaptative IFRAME dans la disposition de la réponse Web

Dans la disposition de la réponse, nous devons faire attention à la largeur et à la hauteur de la largeur et des attributs de hauteur des éléments d'Iframe, mais lorsque la largeur ou la hauteur du bloc ou de la hauteur est plus petite que la largeur ou la hauteur de l'Iframe, le phénomène de l'Iframe iframe l'élément déborde le

Cet iframe débordant détruira la disposition de la page. Nous pouvons utiliser une façon pour faire en sorte que les éléments IFRAME répondent également et attendez et voyez.

L'élément IFRAME lui-même ne peut pas être rétracté, sauf si la largeur affichée par JS affichée. Mais nous pouvons envelopper l'iframe à travers un élément iFrame-Container, et en même temps, faire la largeur de l'élément IFRAME-Container plein de blocs contenant des blocs, et en fonction du rapport longueur et de largeur d'Iframe, définissez le pourcentage de padding-boottom de l'élément iframe-container.

En fait, l'essence de cette méthode réside dans la définition de la propriété de padding de l'élément iframe-container. Étant donné que la définition d'un pourcentage de rembourrage est comparée à la largeur de l'élément parent, si le pourcentage de l'attribut de hauteur est défini, il est comparé à la hauteur de l'élément parent. ne peut définir que des attributs pour le padding-boot. De cette façon, il vous suffit de créer des éléments iframe pleins de contenant d'Iframe.