Tom, you cannot associate tap with small screen that way: Not only do there are more and more devices with wide tappable screens, but screens can have very different pixel dephts, so two screens with the same pixel dimensions can have dramatically different sizes.
Most browsers will interpret finger gestures as mouse gestures, so an hover and a tap will render the same. The only way I know to refine the feedback is by using javascript. Eventually, for newer browsers you could use the css feature query (@supports), for a deeper css control, but I'm not sure how. (http://caniuse.com/#search=supports) regards, isabel ___________________________________________________________________ On Fri, Jan 8, 2016 at 3:49 PM, Tom Livingston <tom...@gmail.com> wrote: > List, > > How do you handle hover events on touch devices? > > For example, a button whose bg color changes on hover. On iOS, the > hover change happens on tap. Not really a big deal but I'm not a fan > of this personally. Is it just a matter of moving the hover styles to > a wider breakpoint? This seems simplistic, but technically would work > provided you don't mind hover effects not working if you narrowed your > browser window enough. I'd rather not add script just for this issue. > Am I missing another simple solution? > > Thanks > > > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
