如何设置iPad3的屏幕分辨率

Question

嘿，我对ipad -3的设计还是个新手。有没有人可以指导我如何提前设置ipad-3的媒体查询？

Answer 1

新的iPad与第一个和第二个iPad具有相同的宽度和高度，因此您只需应用相同的媒体查询：

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad-portrait { color: red; } /* your css rules for ipad portrait */
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .ipad-landscape { color: blue; } /* your css rules for ipad landscape */
}

Answer 2

     @media screen and (device-aspect-ratio: 3/4) {

          // your styles here
     }