How to stop font size increasing when increasing window width?

[andygock]

Hello,

The larger I make the width, the font increases automatically and I see less and less content.

This seems counter-intuitive design-wise.

To see more, I need to make my window smaller

How can fix this?

Thanks.

[andygock]

Never mind, I've made it a bit more dense and fixed the font-size by adding this to a extra.css

html {
  font-size: 125% !important;
}
.md-grid {
  max-width: 1920px !important;
}

[alexvoss]

A cannot reproduce this effect. Font sizes stay the same no matter how I resize the window.

Did you have a customization that caused this or does this happen without customizations? Does it happen in different browsers or just one? What OS are you on?

[andygock]

Here it is on the the official docs at 3 different browser widths, you can see the larger the browser window, the less content you can see. font-size under html increases percentage.

1283px

1675px

2027px

Shown for Chrome in Windows 10. But identical behaviour in Firefox & Brave too.

Looks something to do with font-size percentage increasing for different

[alexvoss]

Thanks. That explains why I could not reproduce it, I don't have a monitor that wide at the moment. I do think it is a good idea to increase the font-size at very high resolutions but it can lead to the effects you describe and people with good eyes and/or large screens may not like it. Seems you have found a workaround that works for you.