针对iPad及更低版本的safari (仅限)的Css媒体查询

@media screen and (max-width: 1024px) {
  /* 在宽度小于等于1024px时应用的样式 */
}

@media screen and (max-height: 768px) {
  /* 在高度小于等于768px时应用的样式 */
}

@media (-webkit-min-device-pixel-ratio: 2) {
  /* 在像素密度为2时应用的样式 */
}

@media screen and (orientation: landscape) {
  /* 在横屏模式下应用的样式 */
}

@media screen and (orientation: portrait) {
  /* 在竖屏模式下应用的样式 */
}

@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    /* 在Safari浏览器中应用的样式 */
  }
}