Ρευστό μέγεθος γραμματοσειράς 16 εικονοστοιχείων έως 24 εικονοστοιχείων
Υπολογίστε μια πραγματική ρευστή τιμή CSS clamp() από ένα ελάχιστο και μέγιστο μέγεθος σε δύο πλάτη θυρών προβολής, με την κλίση και την τομή να εμφανίζονται βήμα προς βήμα και μια ζωντανή προεπισκόπηση αλλαγής μεγέθους.
Αποτέλεσμα
Η ρευστή κλιμάκωση ενός μεγέθους γραμματοσειράς από 16 εικονοστοιχεία σε 24 εικονοστοιχεία είναι μια από τις πιο συνηθισμένες ερωτήσεις στις αναζητήσεις CSS clamp(), επειδή τα 16 εικονοστοιχεία είναι η σχεδόν καθολική προεπιλογή του σώματος κειμένου και τα 24 εικονοστοιχεία είναι ένα συχνό βήμα για μια ελαφρώς μεγαλύτερη επικεφαλίδα ή κύρια παράγραφο. Αυτή η σελίδα ανοίγει την αριθμομηχανή με ακριβώς αυτό το ζεύγος προγεμισμένο σε ένα εύρος θυρών προβολής 320px έως 1280px, οπότε η γραμμή clamp() είναι έτοιμη τη στιγμή που φορτώνεται.
Εάν χρειάζεστε μόνο το static rem ή em ισοδύναμο των 16 px ή 24 px — χωρίς καμία κλιμάκωση βάσει θυρών προβολής — ο μετατροπέας px σε rem απαντά σε αυτό με ένα βήμα. Αυτή η αριθμομηχανή είναι για την περίπτωση που η ίδια η τιμή θα πρέπει να αλλάζει ομαλά καθώς αλλάζει το μέγεθος του παραθύρου του προγράμματος περιήγησης αντί να παραμένει σταθερή σε μία τιμή rem.
Η ανάλυση από κάτω δείχνει ακριβώς πώς τα 16 εικονοστοιχεία και τα 24 εικονοστοιχεία μετατρέπονται σε κλίση, συντελεστή vw και διασταύρωση άξονα y και το ρυθμιστικό ζωντανής προεπισκόπησης σάς επιτρέπει να σύρετε το εύρος 320–1280 εικονοστοιχείων για να παρακολουθήσετε το κείμενο να μεγαλώνει από το ένα μέγεθος στο άλλο σε πραγματικό χρόνο προτού αντιγράψετε τη γραμμή του φύλλου στυλ σε CSS.