Как оптимизировать мобильную версию сайта?

Question

[Артем Шеленговский]

Здравствуйте!
Есть сайт сделанный на тильде. Вопрос - почему пока страница еще не загрузилась текст на телефоне отображается нормально:

а когда страница полностью загружена буквы разъезжаются???

Answer 1

[Виталий Инчин ☢]

Ну тут одно из двух:
1) Загружаются стили, которые все ломают
2) После загрузки документа срабатывает скрипт, меняющий стиль или структуру

Comments

[Артем Шеленговский]

А как мне выяснить это? Нет же на мобильном консоли разработчика?

[Виталий Инчин ☢]

Артем Шеленговский: а если сузить экран браузера на ПК, эффект будет тот же?

[Алексей Уколов]

Артем Шеленговский: на Андройде можно удаленно тестировать через десктопный Chrome. Возможно, что-то подобное есть и для iOS.

[Джон Голт]

Артем Шеленговский: тестируйте через эммуляторы мобильных устройств в хроме, например. Там отлично все рендерит.

[Артем Шеленговский]

нет если сужать то все красиво остается

[Виталий Инчин ☢]

Артем Шеленговский: вообще, это настройки переноса текста в CSS, свойство word-wrap, поколдуйте с ним. Назначьте его так, чтобы оно было неопровержимо, т.е !important.

[Артем Шеленговский]

сейчас попробую, спасибо вам

[Артем Шеленговский]

что то не помогает

[Виталий Инчин ☢]

Артем Шеленговский: посмотрите, какие стили стоят на этом параграфе\блоке.

[Виталий Инчин ☢]

Артем Шеленговский: еще есть вариант, что ваш мобильный браузер что-то не поддерживает.

[Артем Шеленговский]

не, на хроме так же в отладке

[Артем Шеленговский]

я решил задачу! спасибо Виталий Инчин! Там в скрипте js правило было word-break:break-all

[Виталий Инчин ☢]

Артем Шеленговский: буду рад, если отметите решением :)

[Артем Шеленговский]

baikalrus.ru

[Артем Шеленговский]

Спасибо за помощь)