CSS font-size: pt, px ή em; Ποιες μονάδες για να χρησιμοποιήσω;

Κατ 'αρχήν μπορούμε να πούμε ότι κάθε μονάδα στο CSS έχει επιτρέψει μια ακριβή προβλεπόμενη χρήση:

pt

Τα σημεία (pt) είναι η μονάδα μέτρησης που χρησιμοποιείται σε διεργασίες εκτύπωσης και λογισμικό (π.χ. Microsoft Word) για τη δημιουργία εκτυπώσιμη έγγραφα. Οι εκτυπωτές, στην πραγματικότητα, δεν είναι «λόγος» σε pixels, αλλά στα σημεία. Αν στείλετε μια εκτύπωση μορφοποιημένο κείμενο, σε pixels, ο εκτυπωτής θα κατέχει για να μετατρέψει pixels σε πόντους. Αν προετοιμάζετε ένα φύλλο στυλ για την εκτύπωση, τότε η πρόταση είναι να χρησιμοποιήσετε σημείο για να πάρετε μια πιο ακριβές αποτέλεσμα.

px

Pixel (px) είναι, φυσικά, η «μονάδα της οθόνης ή, γενικότερα, η οθόνη (η επίλυση του οποίου είναι ο αριθμός των pixels της οριζόντιας και κάθετης γραμμής).

em

Το 'em, σε αντίθεση με την Πορτογαλία και τη px είναι μια «μονάδα μέτρησης (δηλ. όχι σταθερό). Για να χρησιμοποιήσετε αυτή τη μονάδα ορίζεται στο σώμα του εγγράφου, το προεπιλεγμένο μέγεθος γραμματοσειράς που χρησιμοποιούν pixels. Στη συνέχεια, χρησιμοποιώντας EM, θα καθορίσει τα επιμέρους στοιχεία της σελίδας.
Η μονάδα μέτρησης που ορίζεται ως εξής (σε "em") θα είναι το προεπιλεγμένο μέγεθος γραμματοσειράς. Στην ουσία, το em είναι ένα είδος προεπιλεγμένο μέγεθος πολλαπλασιαστή. Για παράδειγμα: αν το προεπιλεγμένο μέγεθος γραμματοσειράς είναι 10 pixels, με την παράγραφο

 



 font-size: 1,5 em

 

θα, στην πράξη, μια γραμματοσειρά των 15 pixels, με βάση αυτό το απλό υπολογισμό:

 



 * 1,5 = 10px 15px