Introduction to the Responsive Web Design Challenges
ทุกวันนี้มีอุปกรณ์หลลากหลายประเภทที่สามารถเข้าถึงเว็บได้ ตั้งแต่คอมพิวเตอร์ขนาดใหญ่ไปจนถึงโทรศัพท์มือถือขนาดเล็ก อุปกรณืเหล่านี้มีขนาดหน้าจอความละเอียดและพลังการประมวลผลที่แตกต่างกัน Responsive Web Design เป็นแนวทางในการออกแบบเนื้อหาเว็บที่ตอบสนองต่อข้อ จำกัด ของ อุปกรณ์ต่างๆ โครงสร้างเพจละกฎ CSS มีความยืดหยุ่นเพื่อรองรับความแตกต่างเหล่านี้ โดยทั่วไปให้ออกแบบ CSS ของเพจให้เข้ากับกลุ่มเป้าหมายของคุณ หากคูรคาดว่าการเข้าชมส่วนใหญ่มาจากผู้ใช้อุปกรณ์เคลื่อนที่ให้ใช้แนวทาง “มือถือเป็นอันดับแรก” จากนั้นเพิ่มกฎเงื่อนไขสำหรับขนาดหน้าจอที่ใหญ่ขึ้น หากผู้เยี่ยมชมของคุณเป็นผู้ใช้เดสก์ท็อปให้ออกแบบสำหรับหน้าจอขนาดใหญ่โดยมีกฎเงื่อนไขสำหรับขนาดที่เล็กลง CSS ช่วยให้คุณมีเครื่องมือในการเขียนกฎ Style ที่แตกต่างกันจากนั้นำไปใช้ตามอุปกรณ์ที่แสดงหน้า Page ส่วนนี้จะกล่าวถึงวิธีพื้นฐานในการใช้ CSS สำหรับ Responsive Web Design
