ปัจจุบันอุปกรณ์สื่อสารในการเข้าถึงเว็บมีมากมาย รุ่นใหม่ๆออกมาทุกวัน แต่ละรุ่นขนาดหน้าจอไม่เคยซ้ำกัน พฤติกรรมของคนใช้แต่ละขนาดหน้าจอก็ไม่เหมือนกัน เช่น คนใช้มือถือขนาดหน้าจอ 480×320 จะให้เปิดเว็บที่แสดงผลเหมือนกับเว็บไซต์บน Desktop คงจะใช้ไม่สะดวกนัก
สมัยก่อนได้มีการแก้ปัญหาโดยการเพิ่มขึ้นมาอีก 1 เว็บไซต์โดยเฉพาะสำหรับผู้ที่ใช้ Mobile URL ก็จะเป็นอีกชื่อแยกจากเว็บไซต์บน Destop เช่น http://m.myweb.com หรือ http://www.myweb.com/m/ และแล้วการแก้ปัญหานี้ก็ไม่เพียงพอกับหน้าจอที่หลากหลายของอุปกร์ในปัจจุบัน
ดังนั้นเทคโนโลยี Responsive website จึงเกิดขึ้น งานนี้ความยุ่งเหยิงจึงตกอยู่กับผู้ที่เกี่ยวข้องกับ Front end ทั้งหลายแหล่ เช่น UX, UI, Designer, CSS Coder, Frontend Developer สำหรับโปรแกรมเมอร์ไม่ต้องปรับตัวอะไรครับยังทำหน้าที่เหมือนเดิม เพราะการ Responsive จะถูกควบคุมโดย HTML, CSS3, javaScript เท่านั้น
Responsive Web Design คือ การออกแบบเว็บไซต์ให้รองรับขนาดหน้าจอของอุปกรณ์ทุกชนิด ตั้งแต่คอมพิวเตอร์ที่มีขนาดหน้าจอหลากหลาย ไปจนถึงโทรศัพท์มือถือ Smart Phone และ Tablet ต่างๆ ที่มีมาตรฐานขนาดหน้าจอที่แตกต่างกัน พูดได้ว่าออกแบบครั้งเดียวสามารถนำไปใช้ได้กับทุกหน้าจอเลยทีเดียว
ทั้งนี้ Responsive Web Design เป็นการออกแบบเว็บไซต์ โดยใช้เทคนิคของ CSS , CSS3 และ JavaScript ในการออกแบบเพื่อให้เว็บไซต์สามารถจัดลำดับ เรียงข้อมูลบนเว็บไซต์ให้รองรับการแสดงผลผ่านหน้าจอที่มีขนาดแตกต่างกันได้โดยอัตโนมัติ โดยผู้ใช้งานเว็บไซต์สามารถเปิดใช้งานเว็บไซต์ได้ โดยไม่ต้องคำนึงถึงขนาดของหน้าจอหรือชนิดของอุปกรณ์สื่อสาร