Nowadays, We are living with a lot of mobile devices such as laptops, cellphones, and tablets, and their screen sizes are all different and various. It became more complicated for web developers. What we are sharing today is about CSS media queries for iPad Mini. Hope this helps you to develop a website.
iPad Mini Portrait
[css]
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
#div {width:500;}
}
[/css]
iPad Mini Landscape
[css]
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
#div {width:500;}
}
[/css]
iPad Mini Portrait & Landscape
[css]
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
#div {width:500;}
}
[/css]