header-logo
Wix LearnСовершенствуйте навыки с помощью наших курсов и учебных статей.
Wix БлогПолучайте рекомендации по веб-дизайну, маркетингу и многому другому.
Центр обучения SEOУзнайте, как увеличить органический трафик из поисковых систем.
Website developmentСоздайте собственный сайт на нашей полнофункциональной платформе.
Наймите профессионалаНайдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Одна строка текста разбивается на две строки
  • Текст и другие элементы перекрывают друг друга
  • Проблема выравнивания текста относительно других элементов
  • Проблемы с выравниванием других элементов на мобильном

Редактор Wix: Устранение проблем с выравниванием на опубликованном мобильном сайте

Контент вашего сайта может выглядеть не одинаково на разных мобильных устройствах, поскольку разные браузеры и устройства используют разные механизмы рендеринга. Например, текстовые элементы могут растягиваться, перекрываться или смещаться относительно других элементов на определенных экранах мобильных устройств. 

Одна строка текста разбивается на две строки

Вы можете столкнуться с тем, что одна строка текста в мобильном редакторе будет разбита на две строки на опубликованном сайте. Все зависит от конкретного устройства и может выглядеть по-разному на разных экранах.
Снимок экрана с текстом в мобильном редакторе и на опубликованном мобильном сайте.
Чтобы решить эту проблему, просто расширьте текстовое поле: нажмите на поле и перетащите маркеры. Это действие увеличивает размер текстового поля и не влияет на размер самого текста.
GIF, показывающий раскрывающееся текстовое поле в мобильном редакторе.

Текст и другие элементы перекрывают друг друга

Если вы добавили большое количество текста в одно текстовое поле на сайте и добавили элемент поверх, текст может перекрывать другие элементы на опубликованном сайте.  Обычно это случается с текстом, который вы добавляете на сайт в редакторе на компьютере.
Одна и та же страница в мобильном редакторе и на опубликованном сайте. Текст и векторная графика на опубликованном сайте не выровнены.

Чтобы решить эту проблему:

  1. Откройте редактор на компьютере.
  2. Разделите текст на несколько текстовых полей — по одному на каждый абзац.
  3. Добавьте элементы между текстовыми полями с некоторым промежутком между ними.
  4. Сгруппируйте элементы вместе, чтобы обеспечить их выравнивание. Нажмите здесь, чтобы узнать, как сгруппировать элементы
Изображение редактора на компьютере. Текст разделен на отдельные блоки, кнопка находится между ними.

Проблема выравнивания текста относительно других элементов

Если у вас много текста в одном текстовом поле, оно может не выровняться относительно других элементов на вашем мобильном сайте.
Одна и та же страница в мобильном редакторе и на опубликованном сайте. Текст и векторная графика на опубликованном сайте не выровнены.

Чтобы выровнять текст относительно других элементов:

  1. Откройте редактор на компьютере.
  2. Разделите текст на несколько текстовых полей — по одному на каждый абзац.
  3. Сгруппируйте текст с соответствующими элементами. Нажмите здесь, чтобы узнать, как сгруппировать элементы
Скриншот выравнивания текста относительно других элементов в мобильном редакторе.

Проблемы с выравниванием других элементов на мобильном

Вы можете столкнуться с тем, что элементы, расположенные по горизонтали, не выравниваются должным образом в мобильной версии сайта.
Чтобы предотвратить смещение элементов по горизонтали, сгруппируйте элементы вместе и прикрепите их к прозрачному контейнеру

Helpmate

Привет,

Нужны дополнительные рекомендации?
Unlock personalized helpLog in to get the most out of Helpmate.