em यूनिट का उपयोग
em एक रिलेटिव यूनिट है जो पैरेंट एलिमेंट के फॉन्ट साइज के सापेक्ष होती है। डिफ़ॉल्ट रूप से, 1em = 16px (ब्राउज़र डिफ़ॉल्ट फॉन्ट साइज)।
रूपांतरण
1em = 16px (डिफ़ॉल्ट)
लक्ष्य px / 16 = em वैल्यू
उदाहरण: 30px / 16 = 1.875emउदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
/* 30px/16 = 1.875em */
font-size: 1.875em;
}
</style>
</head>
<body>
<h1>This is demo heading</h1>
<p>This is demo text.</p>
</body>
</html>नोट: em कंपाउंड होता है (नेस्टेड एलिमेंट्स में गुणा होता है)। rem (रूट em) रूट एलिमेंट (<html>) के सापेक्ष होता है और कंपाउंड नहीं होता, इसलिए अक्सर पसंद किया जाता है।
