Conception de pages Web pour tous Resolutions

ormalement pas un problème avec le changement de résolution. La taille de police de caractère peut varier légèrement selon les changements de résolution, mais cela est généralement pas une grosse affaire. Jusqu'ici polices (texte) ou d'autres éléments en ligne sont concernés, le problème est généralement à la hauteur de l'élément contenant. Imaginez que vous avez deux éléments contenant, un au-dessus de l'autre, à la verticale.

Supposons que vous donnez ces éléments hauteurs et largeurs définies en pourcentage, le texte remplit deux éléments, et tout est très bien dans une seule résolution. Vous vous déplacez maintenant à une autre résolution, où la largeur et la hauteur des éléments contenant ont augmenté. Qu'est-ce qui va se passer dans cette nouvelle résolution est que le texte (avec d'autres éléments en ligne) dans chacun de ces éléments contenant va se régler pour remplir l'élément, en commençant par le haut.

Donc, pour chacun de ces deux éléments avec la largeur et la hauteur définie en pourcentage, la partie inférieure sera vide, puisque chacun a élargi, mais la quantité de texte à l'intérieur a pas changed.Heights de contenir ElementsBecause du problème ci-dessus, vous devriez éviter de donner hauteurs (valeurs) à des éléments contenant. Évitez de donner des hauteurs contenant des éléments soit en pourcentage ou pixels. Vous pouvez donner contenant des éléments largeurs en pourcentage, mais pas hauteurs.

Si vous ne donnez pas contenant des éléments hauteurs, le navigateur vous donnera toujours la hauteur pour laquelle le texte (et d'autres éléments en ligne) va tenir dans l'élément contenant (sans espace en bas). Images résolutions communes sont aujourd'hui, 800 X 600, 1024 x 768, 1152 x 864. et Plus la résolution est grande, plus l'écran d'ordinateur. Supposons que vous avez une image, dans le plus petit écran de résolution, et vous avez donné les dimensions de l'image en pourcentage.

Supposons également que si vous aviez à donner les dimensions de l'image de pixel, l'image aurait toujours la même taille réelle comme il l'avait avec un pourcentage. Donc, vous avez maintenant une image avec des dimensions en pourcentage et vous connaissez les dimensions équivalentes en pixels. Lorsque la page web avec l'image est affichée dans un écran haute résolution, l'image apparaît plus grand. Sachez que sous cette condition, dans la plus haute résolution des détails de l'image seront perdues.

Si vous aviez donné les dimensions de l'image en pixels, dans la ré