Μετατροπέας PX ↔ REM
PX → REM
REM → PX
Πίνακας αναφοράς
| px | rem | em |
|---|
Ποια είναι η διαφορά μεταξύ PX και REM;
Το PX (pixels) είναι απόλυτη μονάδα — αποδίδεται πάντα στο ίδιο φυσικό μέγεθος. Το REM (root em) είναι σχετική μονάδα βασισμένη στο μέγεθος γραμματοσειράς του ριζικού στοιχείου (συνήθως 16px από προεπιλογή στους browsers). Η χρήση REM διευκολύνει τη δημιουργία προσβάσιμων, κλιμακωτών διατάξεων που σέβονται τις προτιμήσεις μεγέθους γραμματοσειράς του χρήστη.
Πώς να χρησιμοποιήσετε τον μετατροπέα PX σε REM
-
Ορίστε το βασικό μέγεθος γραμματοσειράς (προεπιλογή 16px — ταιριάζει με τους περισσότερους browsers).
-
Εισάγετε μια τιμή σε pixels για να δείτε την ισοδύναμη τιμή σε REM.
-
Ή εισάγετε μια τιμή REM για να την μετατρέψετε πίσω σε pixels.
-
Χρησιμοποιήστε τον πίνακα αναφοράς παρακάτω για συνηθισμένες μετατροπές μεγεθών.
Τύπος: rem = px ÷ βασικό μέγεθος γραμματοσειράς. Για την προεπιλεγμένη βάση 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. Όλοι οι υπολογισμοί γίνονται άμεσα στον browser σας.
Keywords: μετατροπέας px σε rem, rem σε px, pixels σε rem, μετατροπέας μονάδων CSS, μετατροπέας μεγέθους γραμματοσειράς, responsive σχεδιασμός, αριθμομηχανή rem