ow to target iPad mini in CSS Media Queries

Language: CSS

Posted by: Srinivasan Pusuluri

Added: Jul 1, 2014 9:42 AM

Tags: no tags

/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
}
/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
}
/* All iPads Portrait & iPad Mini Landscape */
@media only screen and ((width:768px) and (resolution:132dpi or resolution:263px) or ((width:1024px) and (resolution: 163dpi)) {
}
/* Only iPad 1 & 2 Portrait & iPad Mini Landscape */
@media only screen and ((width:768px) and (resolution:132dpi) or ((width:1024px) and (resolution: 163dpi)) {
}