My Account RI Design Center Locations Services

Carousel Page Element Test



Testing interactive media queries

We're seeing the typical @media (hover: none) and (pointer: coarse) media query not working in Chrome on some Android devices. This page is to narrow down what's not work and hopefully dig into why.

What you might or should see:

  • colorful boxes = matches the media query in that box
  • dark grey boxes = default, = 991px, mobile(ish) but NOT matching interaction media queries
  • medium grey boxes = screen size = 992px

pointer:none

pointer:coarse

pointer:fine

any-pointer:none

any-pointer:coarse

any-pointer:fine

hover:none

hover:hover

any-hover:none

any-hover:hover

hover:none AND pointer:coarse

Should be orange on a touch device.

hover:none OR pointer:coarse

Should be green on a touch device.

any-hover:none AND any-pointer:coarse

Should be steel blue on a touch device.

any-hover:none OR any-pointer:none

Should be violet-red on a touch device.

We do not promise that the Website or Website Content will be error-free, uninterrupted or without inaccuracies. We do not deliver to the state of California. Cardi's Furniture & Mattresses has the right to cancel and refund orders due to pricing errors.