3 ms·
Thats a fun one to solve! @media (hover: none) and (pointer: coarse) { That allows the dev to select for devices that do not have a mouse and such rely on
by girvo 5y ago
Thats a fun one to solve!
@media (hover: none) and (pointer: coarse) {
That allows the dev to select for devices that do not have a mouse and such rely on touch targets, to increase the sizing. I've been implementing this myself recently in our web application, while still allowing us to change the layout to fit the narrow width!
I'm sure there are some devices it doesn't fit perfectly for though. This stuff is capital-H hard.
- Eduard 5y agohttps://css-tricks.com/interaction-media-features-and-their-potential-for-incorrect-assumptions/ https://css-tricks.com/interaction-media-features-and-their-...
- 3np 5y ago> capital-H hard You mean quote-unquote Hard?
- girvo 5y agoI wish. The implementations for these have some... complications, the device sets we now deal with are huge, and making sure there are no idiosyncratic bugs that creep up when using them is legitimately a fair bit of work.