Font scaling for different resolution screens (laptop/desktop specifically)
See original GitHub issueAny 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:
- Created 4 years ago
- Comments:8 (6 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@vkWeb @SeanRParker @kognise https://material-ui.com/customization/typography/#font-size
@vkWeb That’s the approach I have in mind.
@kognise Good point. I didn’t know that. Hope you feel better soon.