2017-05-12 3 views
0

Ich kann es nicht herausfinden, wie man diesen Text responsive macht. Wenn der Text zu lang ist, ging es von der rechten Seite des Bildschirms. und ich kann es nicht zur automatischen Bruchlinie bringen. Hier ist der Link für JSFiddleSchreiben mit js und html css schreiben

+0

Hallo. Können Sie eine maximale Breite für die .cd-words-wrapper-Klasse festlegen? –

+0

Hallo, bitte bearbeiten Sie den Code in Ihren Fragenkörper, anstatt Ihren Link als Code-Snippet zu schreiben, um die Code-Beschränkung zu umgehen. – Serlite

+0

@Serlite Sie möchten, dass ich hier den Quellcode einfüge? Wenn ja, gibt es zu viel Code css, html und js. – Madeny

Antwort

0

Bitte entfernen von: .cd-headline.clip das Leerzeichen: keine Umwicklung.

.cd-words-wrapper { 
display: inline-block; 
position: absolute; 
white-space: normal; 
left: 0; 
top: 0; 
} 
+0

Danke, aber das bricht meinen Text. – Madeny

2

Bitte nutzen vw machen, die Sie ansprechende Fonts geben wird als pro Sie es brauchen.

Alles, was Sie brauchen, ist eine einfache Änderung in Ihrer Forn Größe.

.cd-headline { 
    font-size: 4.4vw; 
    font-weight: 300; 
    } 

Ich habe Änderungen in JSFiddle vorgenommen.