У меня есть div (заголовок элемента), который всегда должен быть высотой в две строки. Если заголовок короткий, вторая строка пуста. Если заголовок длинный, он может быть обрезан.
Обычно это работает:
.title{
line-height:1.2em;
height:2.4em;
overflow:hidden;
font-size:14px; /* can be any size */
width:100px;
}
<div class="title">
I am a title and I can be long, like this.
</div>
Однако это не работает в моем приложении Android (веб-просмотр), если пользователь изменился размер шрифта в настройках. Размер шрифта и высота строки увеличиваются, но не высота. В итоге заголовок обрезается на одну (или 1.x) строку.
Это работало, поэтому что-то должно было измениться в зависимости от того, как обрабатывается размер шрифта.
Если я смотрю вышеупомянутую css / html в браузере (Chrome или Firefox), тогда шрифт не изменяется; предпочтения пользователя игнорируются. Если я просматриваю свой веб-сайт в браузере Facebook (введите ссылку в сообщении FB и щелкните по нему), он будет работать так же, как и в веб-приложении моего приложения; размер шрифта увеличен, но не высота. Так что это вещь для веб-просмотра.
Я не могу sh отключить, используя стиль Dynami c, так как люди должны иметь возможность просматривать шрифты большего размера.
PS Я пробовал с px и vw единицы. Тот же результат.