question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Font scaling for different resolution screens (laptop/desktop specifically)

See original GitHub issue

Any thoughts on how we’ll handle supporting different resolution screens? In my experience, using px everywhere can result in vastly different UX for users on various desktop reolutions.

I propose we set different font-size: **px in each breakpoint in an html selector, then use rem units everywhere else. Does Material UI (or any other tool in the stack) have a built in way to handle this?

Are there other recommendations?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
SeanRParkercommented, Nov 1, 2019

@vkWeb That’s the approach I have in mind.

@kognise Good point. I didn’t know that. Hope you feel better soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Configure Display Scaling in Windows 10 - Alphr
Resolution settings in Windows 10 decide how detailed images and text appear, but scaling determines how it looks on the screen.
Read more >
How to Set Different Display Scaling Level for ... - YouTube
Whatever screen resolution you have in your monitor, your PC shows the text, icon, etc. according to that specific resolution.
Read more >
Adjust the Screen Resolution, Color Depth, Refresh Rate and ...
Adjust the Screen Resolution, Color Depth, Refresh Rate and Size of Fonts and Icons on your Windows Desktop. This article takes you through ......
Read more >
Windows scaling issues for high-DPI devices - Microsoft Support
Right-click the application, select Properties, select the Compatibility tab, and then select the Disable display scaling on high DPI settings check box.
Read more >
Dual monitors on Windows - How do I set a different DPI or ...
So I simply lowered the laptop resolution from 1920X1080 to 1600X900 and then reduced the font to 100% in the Control Panel\All Control...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found