គន្លឹះ និងល្បិច​ខ្លះ​ៗ ៖ ការធ្វើ​ឲ្យ Website Responsive ទៅតាម Devices

♦ រៀបរៀងដោយ លោក ជិន សុវណ្ណមិនា កែ​សម្រួល​ឡើងវិញដោយ លោក យឿន ឆៃយ៉ា

សួស្តីអ្នកទាំង​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​សូម​ណែនាំ​គន្លឹះ​ក្នុង​ការធ្វើ​ឲ្យ Website របស់យើងមាន​លក្ខណៈ Responsive ​ទៅតាម Devices ​ដែល​យើង​កំពុង​ប្រើ​ប្រាស់​ប្រចាំ​ថ្ងៃ ។ ដើម្បី​កុំ​ឲ្យ ខាតពេលយូរ តោះទៅមើលកូដជាក់ស្ដែង​ទាំងអស់​គ្នា​

 → លទ្ធផល​

→ ពន្យល់កូដ HTML

- បន្ទាត់ទី ៤ ៖ សម្រាប់ Support Font អក្សរ

- បន្ទាត់ទី ៦ ៖ ជា Tag meta ​ដែល​យើងត្រូវមានវាជាចាំបាច់ ដើម្បី​ធ្វើ Responsive ទៅលើ Device ​នីមួយៗ​

- បន្ទាត់ទី ១១ ដល់ ២៦ ៖ សម្រាប់​បែងចែក Layout របស់Box នីមូយៗ​ដែល​មាននៅ​ក្នុង Class container ។

→ ពន្យល់កូដ CSS

- បន្ទាត់ទី ៧៤ ដល់ ៧៨ ៖ ជាCode ​សម្រាប់​សម្គាល់​ទំហំ​របស់ Device ណា​ដែល​មាន​ទំហំ ធំ​បំផុត 1024px ឬ ទំហំ iPad Pro ។

- បន្ទាត់ទី ៧៩ ដល់ ៨៦ ៖ ជាCode ​សម្រាប់​សម្គាល់​ទំហំ​របស់ Device ណា​ដែល​មាន​ទំហំ ធំ​បំផុត 768px ឬ ទំហំ iPad  ។

- បន្ទាត់ទី ៨៧ ដល់ ៩៥ ៖ ជាCode ​សម្រាប់​សម្គាល់​ទំហំ​របស់ Device ណា​ដែល​មាន​ទំហំ ធំ​បំផុត 576px ឬ ទំហំ Phone ។

♻️ ​សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter

📲 ​សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf

​♦ ​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖ លេខ​ទូរសព្ទ​ ០១០ / ០១៦ ៦៦៦ ៦៥៣

ឬ​ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com