Этот пользовательский скрипт создан для мобильных браузеров и пытается подгонять весь текст на странице под ширину экрана после жеста масштабирования (pinch). Он пытается воспроизвести перенос текста из Opera Mobile, но в любом браузере.

Список изменений на странице Github

Демонстрация:

Возможные проблемы

Так как это моя первая попытка реализации этой функции, могут возникнуть некоторые проблемы:

• Некоторые текстовые элементы могут оказаться смещены после переноса, если они расположены внутри элемента с align-items:center
• Скрипт пытается угадать текстовый элемент, который вы масштабировали, и прокручивает его в поле зрения после переформатирования. Но эта функция пока не всегда работает надежно, поэтому страница может прыгать после переноса
• Некоторые текстовые элементы не обрабатываются расширением, например элементы div или span с установленным свойством стиля display:inline. Нужно придумать, как нацеливаться на эти элементы без слишком больших затрат производительности и нежелательных побочных эффектов

Если у вас есть идеи, как можно улучшить скрипт, пожалуйста, дайте мне знать через форму обратной связи или на странице Github!