Skip to content

Instantly share code, notes, and snippets.

@sconstantinides
Created April 27, 2018 23:06
Show Gist options
  • Save sconstantinides/221a9ae6bf8a1d2bc02f1e5d5d5ddf61 to your computer and use it in GitHub Desktop.
Save sconstantinides/221a9ae6bf8a1d2bc02f1e5d5d5ddf61 to your computer and use it in GitHub Desktop.
PWA media queries
/* 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 */
}
}
@jerrygreen
Copy link

Good snippet. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment