Redimensionner dynamiquement div basé sur la taille de la fenêtre

J'essaie d'optimiser mon site pour différentes résolutions. Dans le centre de la site web, j'ai un DIV qui, actuellement, a une taille fixe. Je suis en train de faire de sa taille (et son contenu), de changer en fonction de la taille de la fenêtre du navigateur. Comment dois-je faire?
Ceci est mon site web si vous voulez prendre un coup d'oeil à son code:
http://www.briefeditions.com

double possible de JQUERY: Redimensionner div à la largeur de la fenêtre
Aucune raison pour ne pas utiliser les CSS largeur de propriété en % ?

OriginalL'auteur Johanna A | 2012-07-13

  1. 8

    Si vous redimensionnez la page de la div redimensionner avec elle et sur chargement de la page.

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

    OriginalL'auteur Adam Merrifield

  2. 1
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
$(document).ready(function(){
       var windowHeight = $(window).height();
       $('#divID').css('min-height',windowHeight+'px');
});

    Mise à JOUR

    Si vous voulez que le site sera redimensionner basé sur navigateur redimensionner ensuite utiliser % au lieu de px

    CSS:

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

    OriginalL'auteur HADI

  3. 0

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

    à onload de la page obtenir la largeur de l'écran & de la hauteur et de modifier ces valeurs pour les divs à l'aide de jquery/javascript 

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

    cochez cette pour plus d'info

    OriginalL'auteur Parag

  4. 0

    Gardez à l'esprit que dans votre exemple iframe dispose également de taille fixe. Vous devez également redimensionner pour les parents de largeur. Dans votre exemple, ce serait le travail:

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

    Garder à l'esprit que vous devez supprimer toutes les marges, ainsi que le positionnement absolu comme: en haut, à gauche, position:absolute de vous élément styles.

    OriginalL'auteur Arkadiusz 'flies' Rzadkowolski

  5. 0

    J'ai vérifié le code à partir du lien en question.

    Modifier la largeur à 80% dans #contenu de style.
    Et dans les .wrapper modifier la largeur à 100%.

    Vous avez utilisé principalement 920px pour la largeur, de sorte que chaque fois que vous redimensionnez la fenêtre, le contrôle ne sera pas re-taille. Utiliser l'équivalent % au lieu de 920px;

    OriginalL'auteur Narendra

  6. 0

    Vous pouvez le faire comme ceci 

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

    OriginalL'auteur muthu