aligner différents divs taille par différents niveaux de zoom

Question

Voici un exemple de ce que je fais: http://jsfiddle.net/wFjXD/

A un certain niveau de zoom (par défaut sur ma machine), les 2 premiers divs ont la même largeur que la C'est parce que je définis la largeur en pixels, chaque petite div a une largeur de 20px et une frontière 1px. Les divs les plus grands ont une largeur de 108 px, ce qui fait que chaque div long s'aligne avec 5 des petites divs. Le problème est que si vous effectuez un zoom avant ou arrière en utilisant ctrl + ou ctrl - dans le navigateur, tout cela change et les divs ne s'alignent plus.

Existe-t-il une correction CSS pour maintenir les mêmes tailles relatives à travers différents niveaux de zoom? Ou y a-t-il une autre façon de faire ce que j'essaie de faire?

Answer 1

Si vous voulez que la proportion reste la même, utilisez % au lieu de px. C'est le meilleur que je peux penser à votre problème. Bien que ce soit un nombre fixe d'enfants et que vous deviez les envelopper correctement.

Pour vous donner un idea ...