テキストをラップするときにCSSの重複するスペースエラーを修正するにはどうすればよいですか？

Question

現在、モバイル設定に移行すると、これが発生します。どうすれば修正できますか？

this answerあたりヘッダーに<meta name="viewport" content="width=device-width, initial-scale=1">を追加しようとしました。私は現在、このようになりますを使用していCSSは：

html { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    color: #61666c; 
    line-height: 1.5em; 
    border-top: 10px solid #ECEEF1; 
    border-bottom: 10px solid #ECEEF1; 
    -webkit-text-size-adjust: none; 
} 

h1 { 
    font-size: 40px; 
    font-weight: 300; 
} 

Answer 1

問題は、あなたがem単位を使用するのでhtmlルールでのごline-heightが特定の値にハードコードされていることです。これはhtmlのfont-sizeの1.5倍で計算されます。

ユニットを現在の各エレメントのfont-sizeに相対的に指定したい場合は、ユニットを指定しないでください。

htmlのルールをline-height: 1.5;に変更すると修正されます。

---

だから、うまく継承していますが、16pxの1.5（通常のデフォルト）に設定しますので、それは24pxです。次に、設定されたビットによって24pxを超える40pxからh1のfont-size ..