Comment réparer la largeur et la hauteur de div et rendre le contenu à l'intérieur div diviser à la largeur et la hauteur de div?

Question

J'ai une div avec un ID. Je change le div html en utilisant jquery.

Le html peut avoir un iframe de grande largeur et hauteur. Je veux avoir la div avec largeur et hauteur fixes. et le contenu de l'iframe doit redimensionner à la largeur et la hauteur divs.

Aide.

C'est ce que j'ai essayé jusqu'à présent mais ça ne fonctionne pas.

<div id="myDiv"></div> 

<script> 
var html = // get it from somewhere e.g. <iframe width=300px height=500px ></iframe> 

jQuery("#myDiv").attr("max-width","200px"); 
jQuery("#myDiv").attr("max-height","300px"); 

jQuery("#myDiv").html(html); 

Answer 1

Le contenu de l'iframe est généralement pas au courant de c'est conteneur « parent », ainsi la taille de son contenu ne sont pas garantis. Si vous voulez que le contenu de votre iframe soit redimensionné ... ceci ne peut être accompli que par javascript si c'est dans le même domaine. Ou si c'est un domaine différent, l'URL nécessiterait des paramètres/logique et redimensionner le contenu via javascript en fonction de ces paramètres.

Answer 2

Vous devez utiliser la fonction "css". pas la fonction attr ou prop. car les propriétés max- * que vous essayez d'ajouter sont des props css.

jQuery("#myDiv").css("max-width","200px"); 
jQuery("#myDiv").css("max-height","300px");