CSS media queries with min and max


/*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

Popular posts from this blog

Powerapps overcome 2000 item limit from any datasource

PowerApps multiselect cascading dropdown and save an item to SharePoint List

Multi select cascading dropdown in Power Apps