Automatic font resizing when changing resolution in responsive design
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
(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
.