Pourquoi ce phénomène nous fait tous buguer ? 🧠🔍
Le px est une unité fixe. Le vw est une unité de pourcentage dynamique.
1 vw correspond exactement à 1 % de la largeur totale de la fenêtre (le viewport) de votre écran.
- Si votre écran fait 1920px de large :
1vw = 19.2px (1920 / 100) - Si votre écran fait 375px de large (Mobile) :
1vw = 3.75px (375 / 100)
⚠️ Attention au piège de la virgule : Les navigateurs internet français affichent souvent des virgules par confort visuel, mais le code CSS exige impérativement un point (`.`). Cet outil force désormais l'affichage avec un point pour vous éviter des bugs d'intégration.
Les Formules Magiques utilisées ici :
De PX à VW : vw = (px × 100) / Largeur Écran
De VW à PX : px = (vw × Largeur Écran) / 100