CSS media queries with min and max

on

/*Desktop*/ 
@media only screen and (max-width: 1366px) and (min-width: 1281px)  {} 
/*Ipad*/ 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 
} 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { 
} 
/*Mobile*/ 
@media only screen and (min-device-width: 1px) and (max-device-width: 767px) and (orientation: landscape) { 
} 
@media only screen and (min-device-width: 1px) and (max-device-width: 767px) and (orientation: portrait) { 
} 

Comments

Post a Comment