carbon-budget-explorer / cabe

Web application to explore carbon budgets
Apache License 2.0
1 stars 0 forks source link

Responsiveness #84

Open Peter9192 opened 1 year ago

Peter9192 commented 1 year ago

While trying to make the site fit nicely on both my desktop and laptop screen, I realized that my laptop screen, while smaller, has an insane resolution and therefore the scale is set to 250% in my windows settings. This explains why the fonts don't scale down nicely on my laptop screen.

How to make sure tailwind deals well with such situations?

Peter9192 commented 1 year ago

https://www.jeffersonscher.com/res/resolution.php --> see the screen resolution as js sees it https://silvawebdesigns.com/how-to-fix-windows-scaling-issues-above-100-for-your-website/ --> fix doesn't generalize to 250% https://tailwindcss.com/docs/screens#configuring-custom-screens --> breakpoint is just at my 1536 adjusted screen size. Perhaps change that?

Peter9192 commented 1 year ago

https://stackoverflow.com/a/76655410