Comment adapter le site web à l'utilisateur de la Résolution de l'Écran?

Je suis la conception de mon site web en utilisant une base de 1024 x 768 résolution de l'écran. Lorsque vous êtes à la recherche sur le site web dans le navigateur à partir d'un ordinateur avec une plus petite ou plus grande résolution d'écran du site web commence à se déformer.
Comment puis-je adapter le site web à l'utilisateur de la résolution de l'écran de n'importe quelle résolution d'écran de l'utilisateur? Je crois qu'il est possible d'auge JavaScript ou CSS, mais vous ne savez pas comment...

essayez CSS media queries
vous pouvez utiliser stackoverflow.com/questions/4961355/... comme le fait le lien.

OriginalL'auteur Jmlevick | 2011-01-24

  1. 4

    La meilleure façon de s'attaquer à ce problème, c'est plutôt de l'aide px utilisation em ou % ( en pourcentage ).

    .container {
  width: 1000 px;
  height: 750 px;
}
    .container {
  width: 90%;
  height: 90%'
}

    OriginalL'auteur Rakesh Juyal

  2. 0

    Ce que vous cherchez est le navigateur "viewport".

    Ce lien offre un bon aperçu de la façon d'obtenir la fenêtre d'affichage: http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

    Dans la plupart des navigateurs, vous pouvez juste la fenêtre de référence.innerWidth et de la fenêtre.innerHeight en JavaScript.

    Si vous utilisez le dojo framework JavaScript, alors vous pouvez simplement appeler bibliothèque dijit.getViewport() qui va faire le gros du travail pour vous.

    Une fois que vous avez les dimensions de la fenêtre d'affichage, c'est à vous de décider comment votre page web va réagir à l'information qu'il reçoit à partir du navigateur.

    OriginalL'auteur nss