-1

I'm quite new to web development for mobile devices, mostly used to developping for desktop screens. I'm currently writing again a website code to make it responsive with Bootstrap 3. I have issues with font sizes that are very small once on a mobile phone screen whereas they are good on my desktop computer screen (see image below for a Samsung xcover3 screen : 480x800).

Is there a way to make it better without making font sizes bigger? This solution would produce extremely large font sizes on desktop screens, which is not satisfying either...

enter image description here

wiltomap
  • 3,933
  • 8
  • 37
  • 54

1 Answers1

0

You should use Media Queries. Add this MQ properties at your custom CSS.

@media screen and ( max-width : 991px ) {
       .example {font-size:20px; {
        }
}

@media screen and ( max-width : 768px ) {
        .example {font-size:20px; {
        }
}

@media screen and ( max-width : 568px ) {

        .example {font-size:20px; {
        }
}
Jamdev
  • 562
  • 1
  • 3
  • 19