Я разрабатываю отзывчивое веб-приложение, и я хотел бы инкапсулировать длинный текст в заголовке с помощью многоточия. Как я могу это сделать? Это отзывчивая страница (без фиксированной ширины)...
Вот пример
Может ли кто-нибудь помочь?
Edit:
Я добавил максимальную ширину и переполнение многоточия следующим образом:
max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
Но это не сработает для меня, потому что ключ здесь - отзывчивость. Я не нацелен на максимальную ширину заголовка специально для мобильных браузеров iOS, я хочу, чтобы максимальная ширина увеличивалась или уменьшалась на всех смартфонах. Любые предложения?