/ Published in: CSS
CSS media queries for common screen sizes which are ignored in older browsers.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* SCREEN RULES */ /*=============================================================================*/ /* MOBILE DEVICES */ @media only screen and (min-device-width: 320px) { /* 320 */ } @media only screen and (min-device-width: 480px) { /* 480px | iPhone: Portrait */ } @media only screen and (min-device-width: 640px) { /* 640px */ } @media only screen and (min-device-width: 768px) { /* 768px | iPad: Portrait */ } /* LAPTOPS & DESKTOPS */ @media only screen and (min-device-width: 800px) { /* 800px */ } @media only screen and (min-device-width: 1024px) { /* 1024px */ } @media only screen and (min-device-width: 1280px) { /* 1280px */ } @media only screen and (min-device-width: 1366px) { /* 1366px */ }