Γεννήτρια CSS Clamp
Φτιάξτε μια ρευστή τιμή clamp() που κλιμακώνει ομαλά το μέγεθος γραμματοσειράς σας μεταξύ δύο πλατών viewport.
Αποτέλεσμα
Πώς να το χρησιμοποιήσετε
- Εισαγάγετε τις τιμές σας στα παραπάνω πεδία.
- Πατήστε "Υπολογισμός" για να δείτε το αποτέλεσμα.
- Χρησιμοποιήστε το "Κοινοποίηση" για να στείλετε το αποτέλεσμά σας.
Σχετικά με αυτόν τον υπολογιστή
Αυτό το εργαλείο δημιουργεί μια αποκρίσιμη συνάρτηση CSS clamp() για ρευστή τυπογραφία — clamp(min, preferred, max) — όπου η προτιμώμενη τιμή είναι μια υπολογισμένη έκφραση βασισμένη σε vw που κλιμακώνει ομαλά το μέγεθος γραμματοσειράς σας μεταξύ ενός ελάχιστου και ενός μέγιστου πλάτους παραθύρου προβολής, ώστε να σταματά να μεγαλώνει ή να μικραίνει πέρα από τα όρια που έχετε επιλέξει.
Προγραμματιστές front-end το χρησιμοποιούν για να αποφύγουν τη συγγραφή πολλαπλών σημείων διακοπής media-query μόνο για να αλλάξουν μέγεθος σε επικεφαλίδες και κείμενο σώματος, παίρνοντας αντ' αυτού έναν κανόνα CSS που κλιμακώνεται ρευστά. Εισαγάγετε το ελάχιστο και μέγιστο μέγεθος γραμματοσειράς σας και το εύρος παραθύρου προβολής για να πάρετε έναν έτοιμο προς επικόλληση κανόνα clamp().
Was this helpful?
Μπορείτε να επιλέξετε έως 3 αντιδράσεις.
Δημοφιλείς υπολογιστές
Υπολογιστής δανείου
Μηνιαία δόση, σύνολο τόκων και πλήρες πρόγραμμα αποπληρωμής.
Υπολογιστής ποσοστών
Ποσοστιαία μεταβολή, ποσοστό από και υπολογισμοί αναλογιών.
Υπολογιστής έκπτωσης
Υπολογίστε την τελική τιμή, την εξοικονόμηση και το ποσό της έκπτωσης.
Υπολογιστής BMI
Δείκτης μάζας σώματος από ύψος και βάρος (μετρικό ή imperial).
Υπολογιστής ηλικίας
Υπολογίστε την ακριβή σας ηλικία σε χρόνια, μήνες και ημέρες από την ημερομηνία γέννησης.
Υπολογιστής σύνθετου τόκου
Υπολογίστε το τελικό ποσό και τους τόκους που κερδίσατε με ανατοκισμό.
Όλοι οι υπολογιστές
Δεν βρέθηκαν υπολογιστές
Comments (0)