Γεννήτρια ζυγαριάς τύπου υγρού
Υπολογίστε μια πραγματική ρευστή τιμή CSS clamp() από ένα ελάχιστο και μέγιστο μέγεθος σε δύο πλάτη θυρών προβολής, με την κλίση και την τομή να εμφανίζονται βήμα προς βήμα και μια ζωντανή προεπισκόπηση αλλαγής μεγέθους.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει την αριθμομηχανή απευθείας σε λειτουργία κλίμακας τύπου με βάση 16 εικονοστοιχείων και αναλογία 1,25 (κύριο τρίτο) που έχει ήδη επιλεγεί — ένα σταθερό, ευρέως χρησιμοποιούμενο σημείο εκκίνησης για μια τυπογραφική κλίμακα. Μόνο από αυτούς τους δύο αριθμούς, παράγονται έξι μεγέθη: small, βάση, h4, h3, h2 και h1, το καθένα από τα οποία έχει τη δική του τιμή clamp() ρευστού αντί για ένα σταθερό μέγεθος.
Κάθε βήμα διατηρεί το βασικό μέγεθος αγκυρωμένο στην ίδια τιμή τόσο στο άκρο του κινητού όσο και του επιτραπέζιου υπολογιστή, ενώ οι επικεφαλίδες αυξάνονται πιο επιθετικά στο ευρύτερο παράθυρο προβολής επιφάνειας εργασίας από ό,τι στο στενό κινητό — η ίδια ιδέα με την επιλογή μιας πιο ήπιας αναλογίας για μικρές οθόνες και μιας πιο τολμηρής για τις μεγάλες οθόνες, που προκύπτει αυτόματα από τη μοναδική αναλογία που επιλέγετε.
Η αλλαγή της αναλογίας σε 1,125, 1,2, 1,333 ή 1,5 αναγεννά ολόκληρο τον πίνακα αμέσως και το κουμπί από κάτω αντιγράφει και τις έξι τιμές clamp() ως έτοιμο προς επικόλληση μπλοκ προσαρμοσμένων ιδιοτήτων CSS για το υπόλοιπο φύλλο στυλ προς αναφορά.