How to write a Generic Responsive CSS for all devices in the world?
A major component of responsive design is creating the right experience for the right device. We've rounded up media queries that can be used to target designs for many standard and popular devices that is certainly worth a read. If you're looking for a comprehensive list of media queries, http://cssmediaqueries.com/ is a good resource. Here is generic CSS for possible all devices Phones and Handhelds iPhones / ----------- iPhone 4 and 4S ----------- / / Portrait and Landscape / @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } / Portrait / @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } / Landscape / @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:…