Как бороться с длиной строк при локализации контента на маленьких экранах?

Question

[Johnn1k]

Так как приложение с кучей функционала и имеет локализацию на довольно "длинные" языки, то возникли проблемы с отображением дизайна на маленьких экранах, например Iphone SE. Особенно если на экране что-то вроде таблицы, где слева экрана что-то написано и справа выведено значение, написанное и значение налазят друг на друга. Или если сверху на экране два таба и в них по несколько слов.
Большинство проблем можно решить изменениями в дизайне, но все же хочется лучше разобраться и найти максимально продуктивные решения.
Может посоветуете материал на эту тему, как на русском, так и на английском. Буду благодарен.

Answer 1

[xmoonlight]

Для узких экранов - таблицу нужно выводить в вертикальном режиме: записи - по-блочно.

Answer 2

[Нерон Лордов]

Серебрянной пули нет. Таблицы на мобильнике - это всегда боль и индивидуальный подход. В зависимости от контента в таблице, ее мобильная версия всегда компромис и результат некоторых трюков:
1) как уже писал xmoonlight - колонки превращаются в строки, грубо говоря.
2) как уже писал Андрей - тупо скролим таблицу горизонтально
3) я сам частенько просто убираю некритичный контент из таблицы, чтобы способ из п.1 выглядел не слишком монструозно.
4) уменьшаем кегль, юзаем узкий шрифт, включаем переносы, - чтобы впихнуть не впихуемое

Опять-таки, универсального решения нет. Просто анализируем контент, чистим его и дизайним так, чтобы сохранить максимум исходного смысла, но не в ущерб читаемости. Это тяжело...

Answer 3

[Андрей]

Посмотрите как это реализованно например в Bootstrap - таблички в мобильных версиях имеют горизонтальный скрол в своей области.