Target Touch Screens Via CSS Queries

touchCSSQueries.css

  @media (pointer: none), (pointer: coarse) {
  
  }

//via https://stackoverflow.com/a/50302305/4882234

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
    /* ... */
}
/* stylus-based screens */
@media (hover: none) and (pointer: fine) {
    /* ... */
}
/* Nintendo Wii controller, Microsoft Kinect */
@media (hover: hover) and (pointer: coarse) {
    /* ... */
}
/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
    /* ... */
}

// Via: https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134