2017-05-12 20 views
0

我想不出如何製作這個文本responsive。 當文字太長時,它從右側的屏幕上離開。我不能把它弄到自動斷線。這裏是鏈接JSFiddle用js和html css打字寫作

+0

嗨。你可以設置.cd-words-wrapper類的最大寬度嗎? –

+0

嗨,請將代碼編輯到您的問題主體中,而不是將您的鏈接編寫爲代碼段以繞過代碼限制。 – Serlite

+0

@Serlite你想讓我把源代碼放在這裏?如果是這樣,涉及css,html和js的代碼太多了。 – Madeny

回答

0

請刪除:.cd-headline.clip空白:no-wrap。

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

謝謝任何​​方式,但打破了我的文字。 – Madeny

2

請使用vw這將根據您的需要給你響應字體。

所有你需要的是簡單的改變你的福恩大小。

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

我已對JSFiddle進行了更改。