Как отрегулировать совпадающую ошибку интервала в CSS, когда он обертывает текст?

Question

Прямо сейчас, когда я перехожу к мобильной установке, это происходит. Как это исправить?

Я попытался добавить <meta name="viewport" content="width=device-width, initial-scale=1"> в заголовок за this answer. 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

Проблема заключается в том, что ваш line-height в html правиле зашиты на определенное значение, так как вы используете em единиц. Он рассчитывается в 1,5 раза font-sizehtml.

Вы не должны поставлять устройство, если хотите, чтобы оно соответствовало текущему font-size каждого элемента.

Поэтому изменение его в html правило до line-height: 1.5; исправит его.

---

Так он наследует только штраф, но вы установите его в 1.5 из 16px (обычного значения по умолчанию) так 24px. Затем вы устанавливаете font-size из h1 в 40px, которая превышает 24px по немного ..