@media only screen and (min-width: 320px) {
}
/* Retina enabled devices with smaller screen */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min-resolution: 192dpi) and (min-width: 320px),
only screen and ( min-resolution: 2dppx) and (min-width: 320px) {
}
/*Non- retina based devices with medium screen size */
@media only screen and (min-width: 768px) {
}
/* Retina devices with medium screen size */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and ( min-resolution: 192dpi) and (min-width: 768px),
only screen and ( min-resolution: 2dppx) and (min-width: 768px) {
}
/* Non-retina devices with large screen sizes */
@media only screen and (min-width: 1200px) {
}
/* Retina devices with large screen sizes */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1200px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 1200px),
only screen and ( min-resolution: 192dpi) and (min-width: 1200px),
only screen and ( min-resolution: 2dppx) and (min-width: 1200px) {
}
Leave a Reply
You must be logged in to post a comment.