ขนาดหน้าจอต่างๆ ในการออกแบบเว็บไซต์แบบ Responsive Design

เวลาที่เราต้องการที่จะออกแบบเว็บไซต์เพื่อรองรับอุปกรณ์อื่นๆ ด้วยโดยเฉพาะอย่างยิ่ง จะมีบางมุมมองของอุปกรณ์ที่ผู้ใช้เปิดเว็บเรา เราจะต้องรู้ล่วงหน้าว่ามีขนาดในบ้าง ใน CSS3 นั้น ช่วยให้การจัดแต่งหน้าจอที่เฉพาะเจาะจงตามลักษณะเช่นความละเอียดหน้าจอและการวางแนวต่างๆ ด้านล่างนี้คือ หน้าจอของอุปกรณ์ที่ใช้เปิดเว็บซึ่งมีเกือบ 50 ของอุปกรณ์ที่เป็นที่นิยมมากที่สุดพร้อมกับความละเอียดและขนาดการแสดงผลของหน้าจอเหล่านั้นครับ ยี่ห้อ รุ่น ขนาดจอ Resolution ประเภท Acer Iconia Tab 10.1″ 1280×800 Tablet Amazon Kindle Fire 7″ 1024×600 Tablet Apple iPad 9.7″ 1024×768 Tablet Apple iPad 2 9.7″ 1024×768 Tablet Apple iPad 3 9.7″ 2048×1536 Tablet Apple iPhone 3GS 3.5″ 480×320 Smartphone Apple iPhone 4S […]