Comment adapter votre site Web à différentes tailles d'écran

Apprenez à adapter votre site Web à la taille de l'écran de celui qui le voit.

Étape 1

Cliquez sur "Fichier" puis "Ouvrir" pour ouvrir votre page Web dans un éditeur de texte. Choisissez votre page Web dans le menu.

Étape 2

Localisez la balise HEAD sur votre page Web en recherchant les balises HTML et en haut de votre page Web.

Étape 3

Ajoutez les sélecteurs de balises CSS juste au-dessus de l'étiquette à l'intérieur de STYLE. Cela peut être le sélecteur "Corps" ou un conteneur DIV ID ou Class si vous souhaitez que le contenu soit séparé de l'arrière-plan du site Web. Par exemple: "body {}" ou "#container {}". Vous pouvez ajouter les deux pour contrôler la taille des deux éléments. Dans STYLE, les deux articles doivent ressembler à ceci:

Étape 4

Ajoutez la propriété width avec un pourcentage. Par exemple, si vous souhaitez que le corps couvre toute la surface de la fenêtre, vous devez donner une largeur de 100%. Si vous voulez que le conteneur ait une marge qui montre le bas, vous pouvez donner une valeur de 80%. En utilisant l'exemple ci-dessus, le code serait "body {width: 100%;} #container {width: 80%;}".