Les meilleures pratiques pour créer une page qui effectue un zoom sur une page entière?

Question

J'ai une disposition de largeur de pixels fixes (960px) avec une barre de navigation qui contient cinq éléments. La largeur de la div nav est définie sur 100%, mais son contenu finit par prendre exactement 960px. La navigation est un peu compliquée avec un ensemble de listes déroulantes et de liens. Le problème est que le fait de faire un zoom sur la page provoque l'écrêtage de la barre de navigation et le passage à la ligne suivante.

Quelqu'un at-il des conseils pour éviter cela?

Merci beaucoup.

Answer 1

Le seul moyen sûr que j'ai trouvé pour le faire est en définissant tous les remplissages et largeurs en utilisant 'em'. Cela signifie que tout sera relatif à la taille de la police et se développer/se contracter sans à-coup lorsque vous changez la taille des polices dans le navigateur.

Voici un simple template que j'ai mis ensemble il y a des années qui fait l'affaire.

Étant donné que la plupart des navigateurs effectuent maintenant un zoom au lieu de changer seulement la taille de la police, ce n'est pas un problème, mais les plus anciens comme IE6 ont toujours besoin d'un peu d'aide.