29 ms·
> The author's proposed solution is for sites to use DPI instead This is untenable as well. You'll end up with microscopic websites on high DPI phone screens.
by freebreakfast 6y ago
> The author's proposed solution is for sites to use DPI instead
This is untenable as well. You'll end up with microscopic websites on high DPI phone screens.
- mywittyname 6y agoThis should result in the website knowing that the screen is 7" inches (dots-per-inch / dots = inches) across and setting the style for small devices.
- freebreakfast 6y agoThis requires the use of JavaScript to style a website.
- mywittyname 6y agoIs that really an issue? Javascript is basically universally supported on the web. Users with NoScript will just have to live without some functionality. I'm sure they are used to that already, since a large fraction of websites use JS for styling. (I use NoScript)
- freebreakfast 6y ago> Is that really an issue? Setting aside the debate about separation of concerns. Yes, it has notable performance and UX implications. > Users with NoScript will just have to live without some functionality. Why should we prioritize OP's use case over that of NoScript users?
- ss64 6y agoWhat 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