ෆොන් ප්රමාණය වෙනස් කිරීමට Ems භාවිතා කිරීම
ඔබ වෙබ් පිටුවක් ගොඩනඟන විට, බොහෝ වෘත්තිකයින් ඔබට ප්රමාණයේ අකුරු (සහ ඇත්ත වශයෙන්ම, සියල්ලම) නිර්දේශ කර ඇත. ඒවා නම් එම්ස්, හිටපු, ප්රතිශත හෝ පික්සෙල් වැනි සාපේක්ෂ මිනුම් වලින්. ඔබ ඔබේ අන්තර්ගතය දෙස බලන බව ඔබට සැබවින්ම නොදන්නා නිසාය. ඔබ නිරපේක්ෂ මිනුමක් (අඟල්, සෙන්ටිමීටර, මිලිමීටර, ලක්ෂ්ය, හෝ පිපාසයක්) භාවිතා කරන්නේ නම් එය විවිධ උපාංගවල ප්රදර්ශනය හෝ කියවීමේ හැකියාවට බලපානු ඇත.
ඔබ W3C නිර්දේශ කරනුයේ ඔබ විසින් ප්රමාණ සඳහා EMS භාවිතා කරන බවයි.
නමුත් කොපමණ විශාලද?
W3C වලට අනුව:
"යනු භාවිතා කරන මූලද්රව්යයේ" font-size "ගුණාංගයේ ගණනය කළ අගයයි. ව්යාතිරේකය යනු 'එම්' 'font-size' ගුණාංගය තුළම ඇතිව ඇති විට එය අදාල වේ මාපිය මූලද්රව්යයේ අකුරු ප්රමාණය දක්වා. "
වෙනත් වචනවලින් කිවහොත්, ඔවුන්ට නිරපේක්ෂ විශාලත්වය නොමැත. ඔවුන් සිටින ස්ථානය මත පදනම්ව ඒවායේ ප්රමාණාත්මක වටිනාකම් අනුව කටයුතු කරති. බොහෝ වෙබ් නිර්මාණකරුවන් සඳහා , මෙය වෙබ් බ්රවුසරයක් බවට පත්ව ඇති අතර එම නිසා 1 හි උසැති අකුරක් යනු එම බ්රවුසරයේ පෙරනිමි අකුරුවලට සමාන ප්රමාණයි.
එහෙත් ප්රකෘති ප්රමාණය කොතරම් උසද? සිය බ්රව්සර්වල පාරිභෝගිකයන්ට තම පෙරනිමි අකුරු ප්රමාණය වෙනස් කළ හැකි ක්රමයක් නොමැත, නමුත් බොහෝ මිනිසුන්ට පෙරනිමි අකුරු ප්රමාණය 16px දක්වා ඇති බව බොහෝ දෙනා සිතිය නොහැක. ඉතින් වැඩි කාලයක් 1em = 16px .
පික්සල්වල සිතා බලන්න, ඒ සඳහා Ems භාවිතා කරන්න
පෙරනිමි අකුරු ප්රමාණය 16px වන බව ඔබ දැනගත් පසු, ඔබේ ගනුදෙනුකරුවන් පහසුවෙන් පිටුව පහසුවෙන් වෙනස් කිරීමට ඉඩ ලබා දීම සඳහා ඔබට ඊමේස් භාවිතා කළ හැකිය, නමුත් ඔබේ අකුරු ප්රමාණය සඳහා පික්සල් ගැන සිතන්න.
ඔබට ප්රමාණාත්මක ව්යුහයක් මේ ආකාරයේ ය:
- සිරස්තලය 1 - 20px
- සිරස්තලය 2 - 18px
- සිරස්තලය 3 - 16px
- ප්රධාන පෙළ - 14px
- උප පෙළ - 12px
- පාද සටහන් - 10px
ඔබට පික්සල් භාවිතා කිරීම සඳහා එම ආකාරයෙන් ඒවා අර්ථ දැක්විය හැකිය. එනමුත් IE 6 සහ 7 භාවිතා කරන ඕනෑම කෙනෙකුට ඔබගේ පිටුව ප්රමාණය මැනීමට නොහැකි වනු ඇත. එබැවින් ඔබ ප්රමාණ අණු බවට පරිවර්තනය කළ යුතු අතර මෙය මෙත් ගණිත කාරණයක් වේ:
- සිරස්තලය 1 - 1.25em (16 x 1.25 = 20)
- සිරස්තලය 2 - 1.125em (16 × 1.125 = 18)
- සිරස්තලය 3 - 1em (1em = 16px)
- ප්රධාන පෙළ - 0.875em (16 x 0.875 = 14)
- උප පෙළ - 0.75em (16 x 0.75 = 12)
- පාද සටහන් - 0.625em (16 x 0.625 = 10)
උරුමය අත් නොහරින්න!
නමුත් එය සියල්ලම නොවේ. ඔබ මතක තබා ගත යුතු අනෙක් කරුණ නම් ඔවුන් දෙමව්පියන්ගේ විශාලත්වය මත ය. ඔබ විවිධ අකුරු ප්රමාණයෙන් වෙන් කර ඇති අංගයන් තිබේ නම්, ඔබ බලාපොරොත්තු වන ප්රමාණයට වඩා කුඩා හෝ විශාල අකුරකින් අවසන් විය හැක.
උදාහරණයක් ලෙස, ඔබට මෙවැනි විලාසන පත්රයක් තිබිය හැකිය:
p {ෆොන්ට-ප්රමාණය: 0.875em; }}
.footnote {font-size: 0.625em; }}
මෙය ප්රධාන පෙළ සහ පාදසටහන් සඳහා අකුරු 14px සහ 10px වේ. එහෙත් ඔබ ඡේදයක් ඇතුලත පාද සටහනක් තැබුවහොත්, ඔබට අකුරු 10.75 ට වඩා 8.75px අකුරක් සහිතව අවසන් විය හැකිය. මෙයම උත්සාහ කරන්න, මෙම CSS සහ පහත සඳහන් HTML ලේඛනයකට ලියන්න:
මෙම අකුරු 14px හෝ 0.875 EMS වේ.
මෙම ඡේදයේ පාද සටහනක් ඇත.
මෙය හුදු පාද සටහනක් වන අතර.
පාදසටහන පාඨය 10px ට කියවීමට අසීරු වේ, එය 8.75px ට වඩා අපැහැදිලි වේ.
එමනිසා, ඔබ භාවිතා කරන විට, ඔබ දෙමාපියන් අරමුණු වල ප්රමාණ පිළිබඳව ඉතා හොඳින් දැන සිටිය යුතුය, නැතහොත් ඔබේ පිටුවෙහි සමහර ඇත්ත වශයෙන්ම අනිෂ්ට ප්රමාණයේ අංගයන් අවසන් වනු ඇත.