☰

Text reflow on zoom for mobile (text wrap)

Подгонка текста под ширину экрана после жеста увеличения на телефоне

Автор
emvaized
Установок в день
1
Всего установок
68
Оценки
0 0 0
Версия
1.0.7
Создано
30.10.2024
Обновлено
17.12.2024
Размер
6,2 КБ
Лицензия
MIT
Работает на
всех сайтах

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

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

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

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

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

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

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