สารบัญ:
- คำจำกัดความ - Responsive Web Design (RWD) หมายถึงอะไร
- Techopedia อธิบายการออกแบบเว็บที่ตอบสนองต่อ (RWD)
คำจำกัดความ - Responsive Web Design (RWD) หมายถึงอะไร
Responsive web design (RWD) เป็นแนวทางในการพัฒนาและออกแบบเว็บไซต์ที่มุ่งเน้นการสร้างเว็บไซต์ที่ให้ประสบการณ์การรับชมที่มีประสิทธิภาพและน่าดึงดูดด้วยข้อความที่ใช้งานง่ายโดยไม่ต้องเปลี่ยนความละเอียดของหน้าจอแสดงผล
ความสามารถนี้รวมไปถึงอุปกรณ์หรือเบราว์เซอร์ใด ๆ ที่ใช้ในการดูเว็บไซต์ซึ่งหมายถึงลักษณะที่ปรากฏของเว็บไซต์และการเปลี่ยนแปลงเค้าโครงตามขนาดของหน้าจอแสดงผล
Techopedia อธิบายการออกแบบเว็บที่ตอบสนองต่อ (RWD)
RWD ใช้เพื่อปรับรูปแบบของเว็บไซต์ให้เข้ากับสภาพแวดล้อมการรับชมของผู้ใช้ผ่านระบบกริดและของเหลวตามสัดส่วนรูปภาพที่ยืดหยุ่นและการใช้ CSS และสคริปต์ที่ชาญฉลาด
RWD ใช้วิธีการต่อไปนี้:
- กริดของไหลที่องค์ประกอบถูกปรับขนาดผ่านการใช้งานของหน่วยสัมพันธ์เช่นเปอร์เซ็นต์เทียบกับหน่วยสัมบูรณ์เช่นการวัดมาตรฐานและพิกเซล
- ภาพที่ยืดหยุ่นซึ่งมีขนาดต่างกันในหน่วยที่เกี่ยวข้อง
- การสืบค้นสื่อบันทึก Cascading Style Sheet (CSS) ซึ่งอนุญาตให้เว็บไซต์ระบุประเภทอุปกรณ์ขนาดหน้าจอและความสามารถของเบราว์เซอร์ทำให้สามารถส่งมอบกฎสไตล์ที่แตกต่างกันตามลักษณะเหล่านี้
- ส่วนประกอบฝั่งเซิร์ฟเวอร์พร้อมเคียวรีสื่อบันทึกซึ่งเปิดใช้งานการโหลดเว็บไซต์ที่เร็วขึ้น - แม้ว่าจะมีความเร็วข้อมูลเครือข่ายโทรศัพท์ช้าลง
