Ask HN: Web apps on 4K monitors?
What solutions do you use to scale your web apps for 4K monitors? It seems like a lot of major websites are not optimized for 4K resolution.
As an example, I myself am running 4K monitors scaled as 2560x1440, so there's no need for apps to optimize for 4K resolution, for me. Just high DPI.
If you're talking about optimising a web app you're developing, then you could use a bigger media query that targets 4K resolutions specifically, and handles it specifically. But I'd be surprised if you ever get anyone actually benefitting from that.
They however complained at us ferociously because their website was 'completely broken' and unusable and did not fill the entire edges of their monitors.
I found this extremely odd and had to ask what monitors were they using.
The monitors:
https://www.amazon.co.uk/Samsung-LC49RG90SSRXXU-Curved-Gamin...
We eventually had to account for very high dimensions and they still got irritated whenever their website did not fill the entire screen on these high dimensions. Media queries is what we used when we had to account for these sort of dimensions.
After the project was wrapping up, I got a bit curious and started researching home cinema screen dimensions just in case if this client was working from a home cinema screen and if I had to account for it or not.
Most people don't have 4K screens and sometimes it isn't worth it, but if you really have to support it, obviously prepare, conduct research and test on screens higher than your current setup in the chrome/ff dev tools.
Never again (for me working with that client at least)