PWA media queries

styles.css

/* Replace "standalone" with "fullscreen" depending on your manifest.json display mode */

@media (display-mode: standalone) {
  /* All installed PWAs */
}

@media (max-width: 576px) and (display-mode: standalone) {
  /* Installed PWAs on mobile devices */
  
  @supports (-webkit-overflow-scrolling: touch) {
    /* Installed PWAs on mobile Apple devices */
  }
  
  @supports not (-webkit-overflow-scrolling: touch) {
    /* Installed PWAs on mobile non-Apple devices */
  }
}

Good snippet. Thanks!