ง 32101 2559/1

Responsive Web คืออะไร?

          Responsive Web เป็นแนวคิดการออกแบบเว็บไซต์เพียงครั้งเดียว แต่สามารถแสดงผลได้บนทุกขนาดของหน้าจอ โดยเว็บไซต์จะตรวจสอบขนาดของอุปกรณ์ และจะปรับขนาด Layout ให้เหมาะสมกับการแสดงผลโดยอัตโนมัติ ซึ่งแตกต่างจากเว็บไซต์ที่ออกแบบมาตามปกติ โดยไม่ได้ใช้เทคนิค Responsive เมื่อแสดงผลบน Mobile Device จะเป็นเพียงแค่การย่อขนาด เพื่อให้สามารถแสดงผลได้บนหน้าจอเท่านั้น แต่จะไม่สามารถปรับรูปแบบหรือ Layout ให้เหมาะสมตามขนาดหน้าจอ ซึ่ง Responsive Web อาศัยการทำงานร่วมกันระหว่างเทคโนโลยีต่างๆ ได้แก่ Layout ของเว็บแบบ Flexible Grid รูปภาพแบบ Flexible Image และ CSS3 Media Query

  

          โดยใช้ โค้ดร่วมกัน URL เดียวกัน เพื่อแก้ปัญหาการทำเว็บไซต์ออกมาหลายๆ version เนื่องจากปัจจุบัน Mobile Internet Users ได้มีจำนวนเพิ่มขึ้น และมีแนวโน้มที่จะแซง Desktop Internet Users ซึ่ง Mobile Devices นั้นมีความหลากหลาย ด้านขนาดและความละเอียดของหน้าจอแสดงผล (screen size and resolution) แนวของการแสดงผล (orientation) หรือระบบปฏิบัติการ (OS)

ที่มา : http://8columns.com/articles/50009/1387278156096
         http://www.siamhtml.com/responsive-web-design-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/