SIAM CREATE : THE POWERFUL OF DESIGN

หลักการทำงานของเว็บ Responsive

how-work-of-website-responsive.jpg

อย่างที่ทุกๆท่านคงทราบดีแล้วว่าเว็บไซต์ Responsive นั้นมีความสามารถในการแสดงผลได้ในทุกๆอุปกรณ์ไม่ว่าจะเป็น Tablet , Mobile Phone , PC ซึ่งการแสดงผลของตัวเว็บไซต์จะเปลี่ยนไปตามอุปกรณ์ที่เปิดตามความเหมาะสม เราลองมาดูการทำงานของ Web Responsive กัน

เว็บไซต์ Responsive การทำงานในส่วน HTML

การทำงานของ HTML ในเว็บไซต์ คือการแสดงผลในส่วนของข้อมูลต่างๆ และเป็นตัวบอกตำแหน่งและความสำคัญของข้อมูลต่างๆ 
HTML ในเว็บไซต์ Responsive จะมีหน้าที่เป็นตัวเก็บค่าความกว้่างของ Browser เช่นแท๊กด้านล่าง
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

เว็บไซต์ Responsive การทำงานของ CSS

ในส่วนของ CSS คือโค้ดกำหนดการแสดงผลหน้าตาของเว็บไซต์ เช่น สีฟอน ขนาดตัวอักษร การกำหนดภาพพื้นหลัง เป็นต้น ซึ้งพอมาเป็นเว็บไซต์ Responsive CSS จะทำหน้าที่เลือกการแสดงผล โดยเราสามารถกำหนดเงื่อนไขการแสดงผลตามความกว้างของอุปกรณ์

เพราะฉะนั้นหากเราทำเว็บไซต์ Responsive แล้ว เราก็ไม่มีความจำเป็นต้องทำเว็บไซต์เวอชั่นมือถือแบบสมัยก่อน เป็นการลดขั้นตอนการทำงานไม่ว่าจะเป็นการลงข้อมูลเนื้อหา การเขียนโค้ด ทำให้เว็บไซต์เสร็จไว้และใช้งานได้รวดเร็วยิ่งขึ้น

ออกเว็บไซต์ Responsive