ตอบสนอง

1. เพียงพัฒนาอินเทอร์เฟซ
2. การปรับหน้าจอสำหรับเพจอยู่ในช่วงที่กำหนด เช่น หนึ่งชุดสำหรับพีซี (>1024) หนึ่งชุดสำหรับแท็บเล็ต (768-1024) หนึ่งชุดสำหรับโทรศัพท์มือถือ (<768) หนึ่งชุดสำหรับตอบสนองทุกหน้า มีการปรับตัว (อย่างที่คุณสามารถจินตนาการได้: การออกแบบที่ตอบสนองต้องได้รับการพิจารณาว่าซับซ้อนกว่าการออกแบบที่ปรับเปลี่ยนได้มาก)
3. สร้างหน้าเว็บและใช้ CSS Media Query, Content-Based Breakpoint และเทคโนโลยีอื่นๆ เพื่อเปลี่ยนขนาดของหน้าเว็บเพื่อปรับให้เข้ากับหน้าจอที่มีความละเอียดต่างกัน

ปรับตัวได้

1. จำเป็นต้องพัฒนาอินเทอร์เฟซหลายตัว
2. โดยการตรวจจับความละเอียดของวิวพอร์ต จะพิจารณาว่าอุปกรณ์ที่เข้าถึงอยู่ในปัจจุบันคือ: พีซี แท็บเล็ต หรือโทรศัพท์มือถือ จึงขอชั้นบริการและส่งคืนเพจต่างๆ การออกแบบที่ตอบสนองจะตรวจจับความละเอียดของวิวพอร์ตและดำเนินการกับไคลเอนต์สำหรับไคลเอนต์ที่แตกต่างกัน การประมวลผลโค้ดเพื่อแสดงเค้าโครงและเนื้อหาต่างๆ
3. สร้างหน้าเว็บที่แตกต่างกันสำหรับอุปกรณ์ประเภทต่างๆ และเรียกหน้าเว็บที่เกี่ยวข้องหลังจากตรวจพบความละเอียดของอุปกรณ์

แยกความแตกต่างระหว่างการตอบสนองและการปรับตัว

1. ใช้เบราว์เซอร์ chrome หรือ edge เพื่อเปิด URL บนคอมพิวเตอร์
2. ตาม F12 หรือคลิกขวาแล้วเลือก การตรวจจับ-
3. คลิก ที่มุมซ้ายบนของแผงไอคอนการสลับอุปกรณ์,ตามที่แสดงด้านล่าง

4. หลังจากเปลี่ยนแล้ว
   เค้าโครงที่แสดงบนคอมพิวเตอร์และเทอร์มินัลมือถือจะสลับโดยอัตโนมัตินั่นคือตอบสนองเช่นไซต์นี้
   หากเค้าโครงไม่ปรับโดยอัตโนมัติ เค้าโครงจะเปลี่ยนเป็นการปรับเปลี่ยนหลังจากรีเฟรชเพจ (URL ข้ามหรือไม่ข้าม) นั่นคือปรับตัวได้เช่น ไป่ตู้;
   หากไม่มีการเปลี่ยนหลังจากการรีเฟรช จะไม่ตอบสนองหรือปรับเปลี่ยนได้ และจะไม่ปรับให้เข้ากับอุปกรณ์ต่างๆ

คำแนะนำ

• มุมมองการพัฒนา: หน้าเดียว, ฟังก์ชันที่ซับซ้อน, ฟังก์ชันแบบเรียบง่าย, ตอบสนอง
• มุมมอง SEO: โดยทั่วไปแล้วเครื่องมือค้นหาต้องการการตอบสนอง

สรุป

• ตอบสนอง:ชุดเทมเพลต; ดัดแปลงโดยส่วนหน้า เทมเพลตที่มีความละเอียดต่างกันจะรวมเข้าเป็นหน้าเดียว และการดาวน์โหลดเทมเพลตหนึ่งหน้าเป็นเพียงหน้าเดียว
• การปรับตัว:เทมเพลตหลายชุด; ดัดแปลงโดยแบ็กเอนด์ แต่ละเทมเพลตความละเอียดจะมีหนึ่งหน้า และเทมเพลตความละเอียดที่แตกต่างกันจะถูกดาวน์โหลดแยกกัน