គិតត្រឹមជំនាន់ 4.0 ឥឡូវនេះអ្នកអាចប្តូររវាងទិដ្ឋភាពកុំព្យូទ័រ ថេប្លេត និងទូរសព្ទចល័តក្នុងពេលកែសម្រួលបានហើយ! យើងហៅមុខងារនេះថាជា responsive mode។ នៅក្នុង responsive mode គេហទំព័ររបស់អ្នកនឹងប្តូរទំហំទៅជាទំហំតូចជាងមុន ដើម្បីបង្ហាញជាគំរូថាតើគេហទំព័ររបស់អ្នកនឹងមានទម្រង់បែបណាលើអេក្រង់តូចៗ។

សមត្ថភាពកែសម្រួលមានកម្រិត

នៅពេលមើលគេហទំព័ររបស់អ្នកក្នុងទិដ្ឋភាព ថេប្លេត ឬ ទូរសព្ទចល័ត អ្នកនឹងមានសមត្ថភាពកែសម្រួលមានកម្រិត។ ជាមួយគ្នានេះ អ្នកអាចធ្វើបានតែដូចខាងក្រោមប៉ុណ្ណោះ៖

• កែសម្រួលអត្ថបទ
• កំណត់ទម្រង់រចនាប័ទ្មអត្ថបទដោយប្រើរបារឧបករណ៍កំណត់ទម្រង់អត្ថបទ
• កែតម្រូវ margins មួយចំនួន នៃធាតុ និងជួរដេក *
• លាក់ជួរដេកនៅក្នុងថេប្លេត ឬទូរសព្ទចល័ត

* PBS អនុវត្តរចនាប័ទ្មឆ្លើយតប (responsive styling) មួយចំនួនទៅលើធាតុ និងជួរដេករបស់អ្នក ដូច្នេះ margins មួយចំនួននឹងមិនអាចកែតម្រូវបានទេ។

នេះជាចំណុចមួយចំនួនដែលអ្នកមិនអាចធ្វើបាន៖

• បន្ថែម លុប ឬអូសផ្លាស់ទីធាតុនានា
• មើលលក្ខណៈសម្បត្តិ (properties) នៃធាតុ
• ប្តូរទំហំរូបភាព រូបតំណាង ជួរដេក និងធាតុផ្សេងទៀតដែលអាចប្តូរទំហំបាន

ការកែតម្រូវ Margins សម្រាប់ទំហំអេក្រង់ជាក់លាក់

ប្រសិនបើអ្នកកំពុងមើលគេហទំព័ររបស់អ្នកក្នុងទិដ្ឋភាព ថេប្លេត ឬ ទូរសព្ទចល័ត រាល់ការកែតម្រូវ margin ដែលអ្នកធ្វើ គឺត្រូវបានអនុវត្តចំពោះតែទិដ្ឋភាពបច្ចុប្បន្ន និងចំពោះទិដ្ឋភាពដែលតូចជាងប៉ុណ្ណោះ។ ចំណុចនេះអនុញ្ញាតឱ្យអ្នកកែសម្រួលការរចនារបស់អ្នកឱ្យកាន់តែប្រសើរនៅលើអេក្រង់តូចៗ ដាច់ដោយឡែកពីកំណែលើកុំព្យូទ័រពេញលេញ។

នេះជាឧទាហរណ៍ដើម្បីឱ្យកាន់តែច្បាស់។

1. ប្រសិនបើអ្នកមើលគេហទំព័ររបស់អ្នកក្នុងទម្រង់ថេប្លេត ហើយកែតម្រូវ margins នៃចំណងជើង ការកែតម្រូវនោះនឹងអនុវត្តតែចំពោះអេក្រង់ថេប្លេតប៉ុណ្ណោះ។ វាក៏នឹងត្រូវបានអនុវត្តចំពោះអេក្រង់ទូរសព្ទចល័តផងដែរ។ ប្រសិនបើអ្នកត្រឡប់ទៅទម្រង់កុំព្យូទ័រវិញ margin ដើមនឹងត្រូវត្រឡប់មកវិញ។
2. ឥឡូវនេះ ប្រសិនបើអ្នកចូលទៅកាន់ទម្រង់ទូរសព្ទចល័ត ហើយកែតម្រូវ margin ដដែលនោះម្តងទៀត ការកែតម្រូវនោះនឹងអនុវត្តចំពោះតែអេក្រង់ទូរសព្ទចល័តប៉ុណ្ណោះ។ បន្ទាប់មក អ្នកនឹងមាន margin ផ្សេងគ្នាសម្រាប់កុំព្យូទ័រ ថេប្លេត ឬទូរសព្ទចល័ត។

ចំណុចនេះអនុវត្តចំពោះតែការកែតម្រូវ margins ប៉ុណ្ណោះ រីឯការផ្លាស់ប្តូរអត្ថបទ ឬការផ្លាស់ប្តូររចនាប័ទ្មអត្ថបទ គឺត្រូវបានអនុវត្តនៅគ្រប់ទំហំអេក្រង់ទាំងអស់។

ការលាក់មាតិកាក្នុងទំហំថេប្លេត ឬទូរសព្ទចល័ត

នៅពេលមើលក្នុងទិដ្ឋភាពថេប្លេត ឬទូរសព្ទចល័ត ជួរដេក របស់អ្នកនឹងមានប៊ូតុងរបារឧបករណ៍រូប “ភ្នែក” ថ្មីមួយ ដែលនឹងបង្ហាញឡើងនៅពេលអ្នកដាក់ទស្សន៍ទ្រនិចកណ្ដុរលើពួកវា។ ការចុចលើប៊ូតុងនេះនឹងអនុញ្ញាតឱ្យអ្នកបង្ហាញ/លាក់ជួរដេកសម្រាប់ទំហំអេក្រង់បច្ចុប្បន្ន។

ជួរដេកដែលត្រូវបានលាក់ នឹងក្លាយជាថ្លាបន្តិចនៅពេលកែសម្រួល ដើម្បីបង្ហាញថាពួកវានឹងត្រូវលាក់នៅពេលអ្នកបញ្ចប់ការកែសម្រួល។

សូមចំណាំថាមុខងារនេះមានសម្រាប់តែជួរដេកប៉ុណ្ណោះ។