Hover Media Quesries
Apr 21, 2020 • 1 min • TIL #8
Style if mobile Style if desktop Style if stylus Style if controller Combine together
// laptop/desktop styles
@media (hover: hover) {}
// smartphones/touchscreens
@media (hover: none) and (pointer: coarse) {}
// device with stylus
@media (hover: none) and (pointer: fine) {}
// Wii/Kinect/etc
@media (hover: hover) and (pointer: coarse) {}
// mouse/touchpad
@media (hover: hover) and (pointer: fine) {}