css CSS Retina背景图像

Posted 2021-05-13

header {
  background: url(image.jpg);
}
@media (min-resolution: 192dpi){
  header {
    /*using the larger image for retina screens*/
    background: url([e-mail]);
  }
}

For Safari:
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  header {
    background: url([e-mail]);
  }
}

/*
In every HTML element everything EXCEPT THE MARGIN is considered the background layer and is transparent by default.
*/