WebSite X5Help Center

 
Michal D.
Michal D.
User

Automatic font resizing when changing resolution in responsive design  en

Author: Michal D.
Visited 1508, Followers 1, Shared 0  

In responsive design, how to make the font size decrease adequately when the resolution is reduced.

For example at full 1920x1080 display I have a font size of 48px in the H1 heading.

When displayed on a phone, this font is too large and a smaller font size, such as 24px, would be sufficient.

But when I change the resolution, the font size stays the same. What to do?

Thank you.

Posted on the
1 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > En) ... if you are interested in a simple EXTRA code, then you must post the LINK of your page...
... otherwise, if you already know how to do it yourself, the simple rule is this:
<style>
@media (max-width: 719px) and (min-width: 480px) {
#nameID { font-size:24px !important;}}
</style>

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪