Si vous redimensionnez la page, la div le redimensionnera avec le chargement de la page.

$(window).on('load resize', function(){ $('#div').width($(this).width()); }); 

  $(document).ready(function(){ var windowHeight = $(window).height(); $('#divID').css('min-height',windowHeight+'px'); }); 

METTRE À JOUR

Si vous souhaitez que ce site soit redimensionné en fonction du redimensionnement du navigateur, utilisez % au lieu de px

CSS:

 html {height:100%; overflow:hidden} body {height: 100%;} 

Je suppose que vous avez besoin de la largeur et de la hauteur de l’écran pour la machine cliente (utilisateurs).

à la charge de la page, obtenez la largeur et la hauteur de l’écran et définissez ces valeurs sur divs à l’aide de jquery / javascript

 var userscreen_width,userscreen_height; userscreen_width = screen.width; userscreen_height = screen.height; 

vérifier ceci pour plus d’informations

Gardez à l’esprit que, dans votre exemple, l’iframe a également une taille fixe. Vous devriez également le redimensionner à la largeur des parents. Dans votre exemple, cela fonctionnerait:

 $(window).on('load resize', function(){ $('#content, #content > iframe').width($(this).width()); }); 

N’oubliez pas que vous devez supprimer toutes les marges, ainsi que le positionnement absolu tel que: haut, gauche, position: absolute de vos styles d’élément.

J’ai vérifié le code du lien fourni en question.

Changez la largeur à 80% dans le style #content. Et dans .wrapper changer la largeur à 100%.

Vous avez utilisé principalement 920px pour la largeur. Ainsi, chaque fois que vous redimensionnerez une fenêtre, le contrôle ne sera pas redimensionné. Utilisez% équivalent au lieu de 920px;

Tu peux faire comme ça

 var width = $(window).width(); $("#divId").width(width);