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

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

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

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

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

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

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

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

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

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

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

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

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

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

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