Responsive Web Design และการกำหนดเงื่อนไขการแสดงผลใน CSS สำหรับอุปกรณ์ที่มีขนาดต่างกัน
หลาย ๆ คนคงได้รู้จักกันมากขึ้ันเกี่ยวกับ Responsive Web Design ให้กับเว็บไซต์ เพื่อแสดงเนื้อหาตามเครื่องมือที่ใช้ในการเข้าถึงเว็บ ไม่ว่าจะเป็น PC หรือ smartphone วันนี้เราก็เลยนำ media query สำหรับ CSS มาให้รู้กันยาว ๆ ดังนี้ /* Smartphones (portrait and landscape) ———– */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ———– */ @media only screen and (min-width : 321px) […]
Read more »
ความเห็นล่าสุด