កម្មវិធីបម្លែង PX ទៅ REM

វាយតម្លៃ pixel ដើម្បីទទួលបាន rem ភ្លាមៗ ឬវាយ rem ដើម្បីទទួលបាន pixels មកវិញ។ ទំហំ root font កំណត់ស្រាប់គឺ 16 px ដែលជាទំហំ Browser ធំៗទាំងអស់ប្រើប្រាស់ ប្រសិនបើអ្នកប្រើមិនបានកែប្រែ ប៉ុន្តែអ្នកអាចកំណត់តម្លៃគោលណាមួយក៏បាន ឧទាហរណ៍ 10 px ប្រសិនបើ stylesheet របស់អ្នកប្រើរូបមន្ត 62.5%។

ការប្រើ rem សម្រាប់ទំហំអក្សរ គម្លាត និង layout ជួយឱ្យគេហទំព័ររបស់អ្នកបត់បែនបានយ៉ាងល្អនៅពេលអ្នកចូលមើលបង្កើនទំហំអក្សរក្នុង Browser ដែលជាផ្នែកសំខាន់នៃ accessibility។ តារាងខាងក្រោមបង្ហាញទំហំទូទៅបំផុត ដើម្បីឱ្យអ្នកអាចចម្លងយកទៅប្រើបានដោយមិនបាច់គណនា។

របៀបប្រើឧបករណ៍ បម្លែង PX ទៅ REM

1. ពិនិត្យមើល root font size (16 px លើកលែងតែ CSS របស់អ្នកកំណត់តម្លៃផ្សេងលើ html)។
2. វាយតម្លៃក្នុងប្រអប់ Pixels ដើម្បីបាន rem ឬក្នុង REM / EM ដើម្បីបាន pixels។
3. ចម្លងបន្ទាត់កូដ CSS ឬជ្រើសរើសតម្លៃចេញពីតារាង។

ហេតុអ្វីប្រើ បម្លែង PX ទៅ REM របស់ ToolOrca

• បម្លែង PX ទៅ REM និង REM ទៅ PX
• កំណត់ទំហំ root font តាមចិត្ត
• តារាងបម្លែងប្រែប្រួលតាមតម្លៃគោលរបស់អ្នក
• កូដ CSS អាចចម្លងបាន
• ដំណើរការបានសម្រាប់តម្លៃ em ផងដែរ
• ដំណើរការដោយមិនបាច់ប្រើអ៊ីនធឺណិត (offline)

រូបមន្តបម្លែង PX ទៅ REM

rem = px ÷ root font size និង px = rem × root font size។ ជាមួយ root ស្រាប់ទំហំ 16 px៖ 24 px = 24 ÷ 16 = 1.5rem, 14 px = 0.875rem និង 1rem = 16 px។

ភាពខុសគ្នារវាង REM និង EM

rem គិតធៀបនឹងទំហំអក្សរ root (html) ដូច្នេះ 1rem មានទំហំស្មើគ្នាគ្រប់កន្លែងនៅលើទំព័រ។ ចំណែក em គិតធៀបនឹងទំហំអក្សររបស់ parent នៃ element បច្ចុប្បន្ន ដូច្នេះវានឹងកើនឡើងតាមថ្នាក់នៅពេល element ត្រួតគ្នា៖ 1.2em នៅក្នុង 1.2em គឺស្មើនឹង 1.44 ដងនៃតម្លៃគោល។ សូមប្រើ rem សម្រាប់ទំហំភាគច្រើន និងប្រើ em នៅពេលចង់ឱ្យសមាមាត្រទៅតាមអក្សរផ្ទាល់របស់វា ដូចជា padding ក្នុងប៊ូតុងជាដើម។