Μετατροπέας PX σε REM με βάση 10 px

Αυτή η σελίδα ανοίγει τον μετατροπέα με το βασικό μέγεθος γραμματοσειράς προκαθορισμένο στα 10 px. Αυτή είναι η κλασική ρύθμιση html {μέγεθος γραμματοσειράς: 62,5% }: Το 62,5% της προεπιλογής του προγράμματος περιήγησης 16 εικονοστοιχείων είναι ακριβώς 10 εικονοστοιχεία, επομένως οι τιμές rem γίνονται ασήμαντα αναγνώσιμες — τα 14 εικονοστοιχεία είναι 1,4 rem, τα 18 εικονοστοιχεία είναι 1,8 εικονοστοιχεία, τα 24 εικονοστοιχεία είναι 2,4 εικονοστοιχεία.

Οι ομάδες υιοθετούν τη βάση των 10 εικονοστοιχείων με ακρίβεια για να αποφύγουν τα άβολα δέκατα έκτα: αντί να θυμάστε ότι τα 14 εικονοστοιχεία είναι 0,875 rem, απλώς μετακινείτε την υποδιαστολή. Επειδή το τέχνασμα χρησιμοποιεί ένα ποσοστό και όχι μια σταθερή τιμή pixel, εξακολουθεί να σέβεται το μέγεθος γραμματοσειράς που ορίζει ένας χρήστης στις προτιμήσεις του προγράμματος περιήγησης, το οποίο είναι το συνολικό όρισμα προσβασιμότητας για τις μονάδες rem στην πρώτη θέση.

Πληκτρολογήστε οποιαδήποτε τιμή pixel για να λάβετε το ισοδύναμό της στη βάση των 10 px μαζί με μια γραμμή CSS έτοιμη για αντιγραφή και ελέγξτε τον παρακάτω πίνακα αναφοράς για ολόκληρη την κλίμακα 1–64 px που έχει ήδη μετατραπεί. Εάν το έργο σας χρησιμοποιεί διαφορετικό μέγεθος ρίζας, αλλάξτε το βασικό πεδίο και όλα ακολουθούν ζωντανά.