PX to REM Converter
PX → REM
REM → PX
Tabella di conversione (base 16px)
| PX | REM | Tailwind |
|---|---|---|
| 4px | 0.25rem | p-1 |
| 8px | 0.5rem | p-2 |
| 12px | 0.75rem | p-3 |
| 14px | 0.875rem | |
| 16px | 1rem | p-4 / text-base |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | p-6 |
| 32px | 2rem | p-8 |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 64px | 4rem | |
| 80px | 5rem | |
| 96px | 6rem |
Domande Frequenti
Tutto quello che devi sapere sulle unità CSS px, rem ed em
Qual è la differenza tra px, rem ed em?
px è un'unità assoluta che non scala. rem (root em) è relativo alla dimensione del font dell'elemento root (html), di default 16px. em è relativo al font size dell'elemento padre. rem è preferito per la scalabilità e l'accessibilità.
Perché usare rem invece di px?
rem migliora l'accessibilità permettendo agli utenti di scalare tutto il testo cambiando il font size del browser. Con Tailwind CSS, 1rem corrisponde normalmente a 4 unità (es: text-base = 1rem = 16px).
Come impostare il base font size?
In CSS puoi impostare il font base con html { font-size: 16px; } o html { font-size: 62.5%; } (quest'ultimo rende 1rem = 10px per calcoli più semplici). Molti design system usano 16px come base predefinita.
Quelle est la différence entre px, rem et em ?
px est une unité absolue qui ne change pas. rem est relatif à la taille de police de l'élément racine (html), par défaut 16px. em est relatif à la taille de police de l'élément parent.
Pourquoi utiliser rem plutôt que px ?
rem améliore l'accessibilité en permettant aux utilisateurs de redimensionner tout le texte en modifiant la taille de police du navigateur.
Comment définir la taille de police de base ?
En CSS, vous pouvez définir la police de base avec html { font-size: 16px; } ou html { font-size: 62.5%; } (ce dernier rend 1rem = 10px).
Mes données restent-elles privées ?
Oui, et pas parce que nous le promettons : cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez ou téléversez ne quitte jamais votre appareil, n'arrive donc sur aucun de nos serveurs, et il n'y a rien que nous puissions conserver, lire ou perdre. Vous pouvez le vérifier : ouvrez la page, coupez votre connexion, l'outil continue de fonctionner.
Enregistrez-vous ce que je saisis ?
Non. Il n'y a aucune base de données derrière cet outil : nous n'enregistrons ni vos fichiers, ni vos textes, ni vos résultats. Quand vous fermez l'onglet, il ne reste rien : ni chez nous, puisque rien n'est jamais arrivé, ni ailleurs.
Me profilez-vous ? Respectez-vous le RGPD ?
Nous ne vous profilons pas : aucun compte à créer, nous ne demandons jamais votre e-mail pour utiliser un outil, et nous ne gardons aucun profil de ce que vous faites. Nous sommes une société italienne et nous travaillons sous le RGPD et les autres règles européennes, avec la politique de confidentialité et la demande de consentement bien visibles. Une chose que nous disons en entier plutôt que de la cacher derrière un slogan : les publicités de la page sont celles de Google, et Google peut utiliser des cookies pour les personnaliser. Vous décidez depuis la bannière de consentement : si vous refusez, les publicités restent mais ne sont pas personnalisées, et l'outil fonctionne exactement pareil.
Si c'est gratuit, comment gagnez-vous de l'argent ?
Avec les publicités de la page, et rien d'autre. Nous ne vendons pas vos données, il n'y a pas d'offre payante cachée, pas de limite qui finit par réclamer votre carte, et aucune inscription. Les publicités payent les serveurs et le temps que nous passons à écrire les outils : c'est ce qui nous permet de les laisser ouverts à tous.