3 ms·
What I use is @media (pointer: coarse) and (hover: none) { If you have a mouse plugged in, you get the desktop design.
by ss64 6y ago
What I use is
@media (pointer: coarse) and (hover: none) {
If you have a mouse plugged in, you get the desktop design.
- hypertele-Xii 6y agoI don't differentiate by type of device. I just detect aspect ratio: @media (min-aspect-ratio: 1/1) /* wide */ @media (max-aspect-ratio: 1/1) /* tall */ @media (aspect-ratio: 1/1) /* square */
- account42 6y agoAnd what do you think the aspect ratio tells you? People do use portrait orientation for monitors or windowed mode for browsers.
- hypertele-Xii 6y agoIt tells me which axis is longer, so I can responsively move the menu there. Also I flow content differently - lists get columns if wide enough. Here, play with your window width to see: https://hypertele.fi/0000000000000000 https://hypertele.fi/0000000000000000