Γεννήτρια CSS Clamp

Φτιάξτε μια ρευστή τιμή clamp() που κλιμακώνει ομαλά το μέγεθος γραμματοσειράς σας μεταξύ δύο πλατών viewport.

Πώς να το χρησιμοποιήσετε

  1. Εισαγάγετε τις τιμές σας στα παραπάνω πεδία.
  2. Πατήστε "Υπολογισμός" για να δείτε το αποτέλεσμα.
  3. Χρησιμοποιήστε το "Κοινοποίηση" για να στείλετε το αποτέλεσμά σας.

Σχετικά με αυτόν τον υπολογιστή

Αυτό το εργαλείο δημιουργεί μια αποκρίσιμη συνάρτηση CSS clamp() για ρευστή τυπογραφία — clamp(min, preferred, max) — όπου η προτιμώμενη τιμή είναι μια υπολογισμένη έκφραση βασισμένη σε vw που κλιμακώνει ομαλά το μέγεθος γραμματοσειράς σας μεταξύ ενός ελάχιστου και ενός μέγιστου πλάτους παραθύρου προβολής, ώστε να σταματά να μεγαλώνει ή να μικραίνει πέρα από τα όρια που έχετε επιλέξει.

Προγραμματιστές front-end το χρησιμοποιούν για να αποφύγουν τη συγγραφή πολλαπλών σημείων διακοπής media-query μόνο για να αλλάξουν μέγεθος σε επικεφαλίδες και κείμενο σώματος, παίρνοντας αντ' αυτού έναν κανόνα CSS που κλιμακώνεται ρευστά. Εισαγάγετε το ελάχιστο και μέγιστο μέγεθος γραμματοσειράς σας και το εύρος παραθύρου προβολής για να πάρετε έναν έτοιμο προς επικόλληση κανόνα clamp().

Was this helpful?

Μπορείτε να επιλέξετε έως 3 αντιδράσεις.

Comments (0)

  • Be the first to comment.

Δημοφιλείς υπολογιστές

Όλοι οι υπολογιστές