css iPhone 6 Plus和iPad Air 2媒体查询（Retina HD显示屏）。也适用于类似的Android设备。

Posted 2021-05-13

/* iPhone 6 Plus & iPad Air 2 media query (Retina HD displays).
   Also works for similar Android devices. */
/* Use x2 images by default. */
.logo {
  background-image: url(http://hellyeah.is/images/[e-mail]);
  height: 300px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Use x3 images for iPhone 6 plus and similar devices */
@media only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (min-resolution: 3dppx), /* Default way */
  only screen and (min-resolution: 350dpi) /* dppx fallback */ {
  .logo {
    background-image: url(http://hellyeah.is/images/[e-mail]);
  }
}