ប្រើ Ems ដើម្បីផ្លាស់ប្តូរទំហំពុម្ពអក្សរ
នៅពេលអ្នកកំពុងបង្កើតគេហទំព័រមួយអ្នកជំនាញភាគច្រើនផ្តល់អនុសាសន៍ឱ្យអ្នកធ្វើពុម្ពអក្សរទំហំ (ហើយតាមការពិតអ្វីគ្រប់យ៉ាង) ជាមួយរង្វាស់ទាក់ទងដូចជាអេមអេសភាគរយភាគរយឬភីកសែល។ នេះគឺដោយសារតែអ្នកពិតជាមិនដឹងពីវិធីផ្សេងគ្នាដែលនរណាម្នាក់អាចមើលមាតិការបស់អ្នក។ ហើយប្រសិនបើអ្នកប្រើរង្វាស់ដាច់ខាត (អ៊ីញសង់ទីម៉ែត្រមីលីម៉េតចំណុចឬភីខេ) វាអាចប៉ះពាល់ដល់ការបង្ហាញឬការអានរបស់ទំព័រក្នុងឧបករណ៍ផ្សេងៗ។
ហើយ W3C ផ្តល់អនុសាសន៍ថាអ្នកប្រើ ems សម្រាប់ទំហំ។
ប៉ុន្ដែតើអូនធំប៉ុណ្ណា?
នេះបើយោងតាម W3C មួយ em:
"គឺស្មើនឹងតម្លៃដែលបានគណនានៃលក្ខណសម្បត្តិ 'ទំហំពុម្ពអក្សរ' របស់ធាតុដែលវាត្រូវបានប្រើ។ ករណីលើកលែងគឺនៅពេលដែល 'em' កើតឡើងនៅក្នុងតម្លៃនៃលក្ខណសម្បត្តិ 'ទំហំពុម្ពអក្សរ' ខ្លួនវាក្នុងករណីដែលវាសំដៅទៅលើ ទៅទំហំពុម្ពអក្សររបស់ធាតុមេ។ "
នៅក្នុងពាក្យផ្សេងទៀត ems មិនមានទំហំដាច់ខាត។ ពួកគេយកតម្លៃទំហំរបស់ពួកគេដោយផ្អែកលើកន្លែងដែលពួកគេមាន។ សម្រាប់ អ្នករចនាគេហទំព័រ ភាគច្រើននេះមានន័យថាពួកគេស្ថិតនៅក្នុងកម្មវិធីរុករកអ៊ីនធឺណិតដូច្នេះពុម្ពអក្សរដែលមានកម្ពស់ 1em គឺពិតជាទំហំដូចគ្នានឹងទំហំពុម្ពអក្សរលំនាំដើមសម្រាប់កម្មវិធីរុករកនោះ។
ប៉ុន្តែតើកម្ពស់លំនាំដើមប៉ុនណា? មិនមានវិធី 100% ជាក់លាក់ទេព្រោះអតិថិជនអាចផ្លាស់ប្តូរទំហំពុម្ពអក្សរលំនាំដើមរបស់ពួកគេនៅក្នុងកម្មវិធីរុករករបស់ពួកគេប៉ុន្តែដោយសារមនុស្សភាគច្រើនមិនអ្នកអាចសន្មត់ថាកម្មវិធីរុករកភាគច្រើនមានទំហំពុម្ពអក្សរលំនាំដើម 16px ។ ដូច្នេះភាគច្រើននៃពេលវេលា 1em = 16px ។
គិតក្នុងភីកសែល, ប្រើ Ems សម្រាប់រង្វាស់
នៅពេលដែលអ្នកដឹងថាទំហំពុម្ពអក្សរលំនាំដើមគឺ 16px អ្នកអាចប្រើ ems ដើម្បីអនុញ្ញាតឱ្យអតិថិជនរបស់អ្នកប្តូរទំហំទំព័របានយ៉ាងងាយស្រួលប៉ុន្តែគិតជាភីចសែលសម្រាប់ទំហំពុម្ពអក្សររបស់អ្នក។
និយាយថាអ្នកមានរចនាសម្ព័ន្ធទំហំមួយដូចនេះ:
- ចំណងជើង 1 - 20 ភីកសែល
- ចំណងជើង 2 - 18 ភីកសែល
- ចំណងជើង 3 - 16 ភីកសែល
- អត្ថបទដើម - 14px
- អត្ថបទរង - 12px
- លេខយោង - 10px
អ្នកអាចកំណត់វិធីទាំងនោះដោយប្រើភីកសែលសម្រាប់ការវាស់វែងប៉ុន្តែបន្ទាប់មកអ្នកដែលប្រើ IE 6 និង 7 នឹងមិនអាចប្តូរទំហំទំព័ររបស់អ្នកបានល្អ។ ដូច្នេះអ្នកគួរតែបម្លែងទំហំទៅ ems ហើយនេះគ្រាន់តែជាបញ្ហានៃគណិតវិទ្យាមួយចំនួនប៉ុណ្ណោះ:
- ចំណងជើងទី 1 - 1.25 អ៊ី (16 x 1.25 = 20)
- ចំណងជើងទី 2 - 1.125 ម (16 × 1.125 = 18)
- ចំណងជើង 3 - 1em (1em = 16px)
- អត្ថបទដើម - 0.875em (16 x 0.875 = 14)
- អត្ថបទរង - 0.75em (16 x 0.75 = 12)
- លេខយោង - 0,625 អ៊ី (16 x 0,625 = 10)
កុំភ្លេចមរតក!
ប៉ុន្តែនោះមិនមែនទាំងអស់នៅទីនោះទេ។ រឿងផ្សេងទៀតដែលអ្នកត្រូវចងចាំគឺថាពួកគេយកទំហំមាតាបិតា។ ដូច្នេះប្រសិនបើអ្នកមានធាតុផ្សំដែលមានទំហំពុម្ពអក្សរខុសគ្នាអ្នកអាចបញ្ចប់ដោយពុម្ពអក្សរតូចជាងឬធំជាងដែលអ្នករំពឹងទុក។
ឧទាហរណ៍អ្នកអាចមានសន្លឹករចនាប័ទ្មបែបនេះ:
p {ទំហំពុម្ពអក្សរ: 0.875em; }
.footnote {font-size: 0.625em; }
នេះនឹងមានលទ្ធផលនៅក្នុងពុម្ពអក្សរដែលមាន 14px និង 10px សម្រាប់អត្ថបទសំខាន់និងលេខយោង។ ប៉ុន្តែប្រសិនបើអ្នកដាក់លេខយោងនៅក្នុងកថាខណ្ឌអ្នកអាចបញ្ចប់អត្ថបទដែលមាន 8.75 ភីកសែលជាជាង 10px ។ សាកល្បងវាដោយខ្លួនឯងដាក់ CSS ខាងលើនិង HTML ដូចខាងក្រោមទៅក្នុងឯកសារមួយ:
ពុម្ពអក្សរនេះគឺ 14px ឬ 0.875 អ៊ឹមក្នុងកម្ពស់។
កថាខណ្ឌនេះមានលេខយោងនៅក្នុងវា។
ខណៈពេលនេះគ្រាន់តែជាកថាខណ្ឌលេខយោងប៉ុណ្ណោះ។
អត្ថបទលេខយោងគឺពិបាកអាន 10px វាស្ទើរតែមិនសមស្របនៅ 8.75px ។
ដូច្នេះនៅពេលអ្នកកំពុងប្រើ ems អ្នកត្រូវដឹងយ៉ាងច្បាស់អំពីទំហំនៃវត្ថុមេឬអ្នកនឹងបញ្ចប់ដោយធាតុមានទំហំសេសមួយចំនួននៅលើទំព័ររបស់អ្នក។