Responsive Website für mobile Bildschirme

Question

Ich bin ziemlich neu in der Web-Entwicklung für mobile Geräte, meist zur Entwicklung für Desktop-Bildschirme verwendet. Ich schreibe gerade wieder einen Website-Code, um es mit Bootstrap 3 reagieren zu lassen. Ich habe Probleme mit Schriftgrößen, die sehr klein sind, einmal auf einem Handy-Bildschirm, während sie gut auf meinem Desktop-Bildschirm sind (siehe Bild unten für ein Samsung xcover3 Bildschirm: 480x800).

Gibt es eine Möglichkeit, es besser zu machen, ohne die Schriftgrößen zu vergrößern? Diese Lösung würde produzieren extrem große Schriftgrößen auf Desktop-Bildschirme, die entweder nicht erfüllt, ...

Answer 1

Sie sollten Media Queries verwenden. Fügen Sie diese MQ-Eigenschaften zu Ihrem benutzerdefinierten CSS hinzu.

@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; { 
     } 
}