So legen Sie eine Mindestschriftgröße in einer responsiven Webseite fest

Ich habe versucht, eine Mindestschriftgröße für einen Text auf meiner Website festzulegen. Zuvor wurde dieser Text bei mobilen Größen auf eine unleserliche Größe verkleinert, daher habe ich eine Medienabfrage eingerichtet, so dass eine bestimmte Schriftgröße für kleinere Bildschirmgrößen festgelegt wird.So legen Sie eine Mindestschriftgröße in einer responsiven Webseite fest

@media (max-width: 760px) {

.tp-caption.medium-text { 
    font-size: 15px !important; 
    text-align:center !important; 
    margin-top: 30px !important; 
    }

}

Das Problem, das ich habe, ist, wie der Text zu bekommen normerly zu wickeln. Im Moment wickelt es sich nicht ein. Wenn ich den Stilen "white-space: normal" hinzufüge, scheint es jedes Wort zu umhüllen und ich kann nicht herausfinden, welche anderen Stile an diesem Element arbeiten, um es auf diese seltsame Weise zu umbrechen.

Die Website ist hier: www.alexch.net/ignition

Jeder möglicher Rat

Vielen Dank Alex

Quelle

2016-11-11 alex_cissokho

Geben Sie jsfiddle –

Wenn Sie fragen, wie Sie wickeln Text, die CSS für diese appreicated werden ist;

word-wrap: break-word;

Ihre Website sollte nicht schrumpfen Text, verwenden Sie% für Schriftgrößen?

Quelle

2016-11-11 12:15:15 Jay

Danke für die Antwort. Ich passe grundsätzlich ein Thema an, das ich gekauft habe. Ich denke, dass ich wahrscheinlich den Entwickler fragen muss, der das Thema erstellt hat, da sie mir sagen können, welche anderen Stile meine Versuche überschreiben, dass der Text umbrochen werden soll. –

Wenn Sie mit der rechten Maustaste klicken und auf "inspizieren" klicken, können Sie mithilfe der chrome dev tools oder firefox firebug sehen, was überschrieben wird. – Jay

Danke! Wenn ich das mache, kann ich einen Elementstil sehen: white-space: nowrap; was ich denke, verursacht das Problem. Wenn ich jedoch 'white-space: normal' spezifiziere, in meinem ownstyles.css doc scheint jedes Wort in eine neue Zeile zu schlüpfen. Nicht sicher, ob ich eine andere css-Regel verwenden sollte, um es nur zu wickeln, bevor es über die Ränder des Bildschirms hinausgeht? –

So legen Sie eine Mindestschriftgröße in einer responsiven Webseite fest

Antwort

Verwandte Themen