em முதல் பிக்சல் மாற்றி

இந்தக் கணிப்பான் பற்றி

em என்பது எழுத்துரு அளவுடன் பிணைக்கப்பட்ட ஒரு ஒப்பீட்டு CSS நீள அலகு: 1em என்பது அது பயன்படுத்தப்படும் உறுப்பின் தற்போதைய எழுத்துரு அளவுக்கு (அல்லது எழுத்துரு அளவுக்கே பயன்படுத்தப்படும்போது, பெற்றோர் உறுப்பின் எழுத்துரு அளவுக்கு) எப்போதும் சமம். உலாவிகள் அந்த மூல எழுத்துரு அளவை இயல்பாக 16px ஆக வைத்திருப்பதால், இயல்பு அமைப்பில் 1em = 16px, பொதுவாக px = em × அடிப்படை எழுத்துரு அளவு — 16px அடிப்படையில் 2em ஆக அமைக்கப்பட்ட தலைப்பு 32px ஆகத் தோன்றும், ஆனால் 18px அடிப்படையில் அதே 2em 36px ஆகத் தோன்றும்.

em ஒரு பயனரின் அல்லது ஒரு பெற்றோர் உறுப்பின் எழுத்துரு அளவுடன் அளவு மாறுவதால், ஒருவர் தன் உலாவியின் உரை அளவு அமைப்பை உயர்த்தும்போது வளர வேண்டிய வரி உயரம், ஓரங்கள் மற்றும் எழுத்துரு அளவு போன்றவற்றுக்கு, தகவமைவான மற்றும் அணுகத்தக்க அச்செழுத்தியலில் CSS உருவாக்குநர்கள் நாடும் அலகு இதுவே. பிக்சல் அடிப்படையிலான வடிவமைப்பு மாதிரியை (Figma, Sketch) அளவு மாறும், அணுகத்தக்க CSS-ஆக மாற்றும்போது em-க்கும் பிக்சலுக்கும் இடையே மாற்றுவது ஒரு வழக்கமான படியாகும்.