css - ipad 3如何设置屏幕分辨率

Question

嘿，我对 ipad -3 的设计有点陌生。谁能指导我如何提前为 ipad-3.thanx 设置媒体查询

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
     }