News for hackers. Stuff that matters.

A comment on Just because I have a vertical screen doesn’t mean I’m on a phone. Parent comment

Re:Just because I have a vertical screen doesn’t mean I’m on... by ss64 on Tuesday February 02, 2021 @03:18PM (#26006051)
What I use is @media (pointer: coarse) and (hover: none) { If you have a mouse plugged in, you get the desktop design.
[ Parent | on HN ]
Re:Just because I have a vertical screen doesn’t mean I’m on... by hypertele-Xii on Tuesday February 02, 2021 @06:55PM (#26008791)
I 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 */

[ Parent | on HN ]
Re:Just because I have a vertical screen doesn’t mean I’m on... by account42 on Wednesday February 03, 2021 @04:17AM (#26011948)
And what do you think the aspect ratio tells you? People do use portrait orientation for monitors or windowed mode for browsers.
[ Parent | on HN ]
Re:Just because I have a vertical screen doesn’t mean I’m on... by hypertele-Xii on Wednesday February 03, 2021 @08:13AM (#26013294)
It 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

[ Parent | on HN ]