Discussion :

[frugi]

Bonjour,
J'ai cherché à adapter les tailles de mes éléments à la résolution, du coup j'ai fini par opter pour les unités de mesure vw et vh basées sur le viewport.
Sous Firefox ça marche nickel, mais bizarrement sous Chrome il y a un petit décalage qui s'agrandit lorsque la résolution change.
Voilà la page sur laquelle j'ai testé tout ça: www.sixapple.fr. Vous trouverez facilement les feuilles de style.
Le html et css est valide en w3c... Quelqu'un saurait me dire où est le problème? Chrome est censé suporter vw et vh...
HELP

[Muchos]

Vous trouverez facilement les feuilles de style

Ce serait mieux de nous donner le code

il y a un petit décalage qui s'agrandit lorsque la résolution change

C'est-à-dire ?

Chrome est censé suporter vw et vh

Comme d'autres… Tout dépend de la version !
Perso, j'utilise actuellement vw en dev, et son comportement est équivalent sur Firefox et Chrome récents.

EDIT:

Le html et css est valide en w3c

Pourquoi ce mensonge inutile ? ( again)

[JefReb]

D'après ce que j'ai pu lire sur vw et vh, les valeurs de viewport width et viewport height semblent être basée sur window.innerWidth et window.innerHeight. Les valeurs sont donc variables suivant la taille de la fenêtre du navigateur.
Ces unités de longueur vw et vh seraient plus adaptées pour les tailles de blocs tel que width ou height.
Or en farfouillant dans le css du site, vw et vh sont utilisés pour les titres h1, h2, les padding etc. Est-ce vraiment ces unités qu'il faut prendre.
Suis pas sûr de ma réponse, mais peut être que ça peut aider.

[NoSmoking]

Bonjour,

Le html et css est valide en w3c...

cela est moins sûr


Nota : sur les navigateurs basés sur Webkit, Chrome donc, il faut "reloader" pour que les modifications apparaissent.

Je trouve par contre que le site est "bancal" attendu que seul tes textes, et encore pas tous, se redimensionnent. Il manquerait dans la déclaration du html un font-size qui permettrait aux déclarations en % de prendre tout leur sens.

Mais que dire lorsque l'on zoom.