Comment faire mon site adapter toute résolution

Résolution d'écran contrarie de nombreux concepteurs de sites Web, car il varie d'un utilisateur à utilisateur et ordinateur à ordinateur. Il ya deux façons de traiter la question des résolutions d'écran et permettent à votre page Web pour adapter toute résolution. Tout d'abord, l'aide de feuilles de style en cascade ou CSS, vous pouvez définir la largeur de la page Web pour modifier la résolution par la mise en pourcentages pour la largeur dans le fichier CSS de votre page Web.


Sommaire

  • Instructions
  • Conseils & avertissements
  • Choses que vous devez

    • éditeur de texte

    Instructions

    1. Ouvrez le fichier HTML et CSS de votre page Web dans un éditeur de texte.

    2. Cherchez le tag dans le fichier HTML. Cela dénote le début de la zone visible du site. Créer un

      tag sous le
      .

    3. Donnez le

      marquer un ID. Par exemple:
      .

    4. Recherchez la balise à la fin du document HTML. Placez la balise de fin avant la DIV. Donc, il ressemblerait à ce qui suit:


    5. Enregistrez votre fichier HTML.

    6. Créer des éléments CSS dans votre fichier CSS pour la balise de corps et l'ID de page. Définissez les marges et le remplissage de la balise body à zéro. Cela fera en sorte de la zone visible couvre la fenêtre du navigateur. Par exemple:
      body {margin: 0- padding: 0-} {} #page

    7. Réglez la largeur de votre page dans l'ID de page en utilisant des pourcentages. Le pourcentage permettra la page pour passer à la résolution l'utilisateur est connecté au site. Par exemple:

      Cette page {width: 100% -}
    8. Enregistrez votre fichier CSS.

    Conseils & Avertissements

    • Une autre option est de définir votre largeur de la page à la plus petite résolution possible. Pour la plupart des téléspectateurs ce serait 780 pixels. Donc, vous voulez changer la largeur de la #page à: largeur: 780px;
    » » » » Comment faire mon site adapter toute résolution