Widely available
This feature is well established and works across many devices and browser versions.
Chrome
Edge
Firefox
Safari
ta-autotouch-action: auto;ta-mtouch-action: manipulation;ta-nonetouch-action: none;ta-pdtouch-action: pan-down;ta-pltouch-action: pan-left;ta-prtouch-action: pan-right;ta-putouch-action: pan-up;ta-pxtouch-action: pan-x;ta-pytouch-action: pan-y;ta-pztouch-action: pinch-zoom;Media Queries
Prefix a class with a breakpoint to apply it from that width up.
Pseudo Classes
Prefix a class with a state to apply it only while that state matches.