Редактор Wix: Устранение проблем с интервалами и выравниванием на сайте
8 мин. чтения
Вы можете заметить проблемы с выравниванием и интервалами на опубликованном сайте или в редакторе, такие как пробелы, рендеринг текста или перекрывающиеся элементы.
Ознакомьтесь с этой статьей о потенциальных проблемах и способах их решения.
Содержание:
- Проблемы с выравниванием элементов в некоторых браузерах
- Пробелы между контентом страницы и футером
- Пробелы под футером на опубликованном сайте
- Футер, перекрывающий настроенные на отображение на всех страницах элементы
- Элементы, исчезающие из хедера сайта
- Смещенный текст и элементы на опубликованном сайте
- Пробелы между элементами на всю ширину и другими элементами
Проблемы с выравниванием в разных браузерах
Несмотря на то, что сайты Wix оптимизированы для большинства распространенных устройств и браузеров, вы можете заметить некоторые различия в выравнивании на разных устройствах. Это связано с тем, что разные браузеры и устройства используют разные механизмы рендеринга, которые могут вызывать незначительные вариации.
Вы можете настроить элементы сайта, чтобы обеспечить их выравнивание в разных браузерах, добавив их в столбцы, повторяющиеся списки или контейнеры.
Решение 1 | Прикрепите элементы к столбцам
Решение 2 | Прикрепите элементы к репитерам
Решение 3 | Прикрепите элементы к боксу контейнера
Пробелы между контентом страницы и футером
Вы можете заметить небольшой пробел между контентом страницы и футером:
Это может произойти из-за дизайна или длины страницы. Пробел можно убрать, отрегулировав дизайн или длину.
Решение 1 | Изменение дизайна страницы
Решение 2 | Регулировка длины страницы
Пробелы под футером
В редакторе всегда есть пробел под футером, так как он позволяет быстро и легко изменить размер футера. Однако вы можете заметить пробел под футером в опубликованной версии сайта.
Пространство под футером появляется, потому что контент вашего сайта короче, чем высота вьюпорта (длина экрана). Эту проблему можно устранить, убедившись, что на странице нет элементов, выходящих за ее пределы, изменив длину страницы или цвет фона.
Решение 1 | Изменить цвет фона страницы
Решение 2 | Добавьте контент на страницу
Решение 3 | Изменить размер футера
Решение 4 | Изменение положения элемента за пределами страницы
Футер, перекрывающий настроенные на отображение на всех страницах элементы
Если на вашем сайте есть элемент, который настроен на отображение на всех страницах, вы можете обнаружить, что на некоторых страницах футер перекрывает его. Это может произойти, если некоторые страницы короче элемента.
Решение: чтобы решить эту проблему, перетащите футер вниз с помощью значка Настроить длину страницы 
.
. 
Элементы исчезают из хедера сайта
Вы можете обнаружить, что на опубликованном сайте некоторые элементы в хедере исчезают (или отображаются за хедером). Это может произойти по двум причинам:
- Хедер имеет эффект прокрутки, который фиксирует его.
- Элемент не настроен на отображение на всех страницах.
Вы можете решить эту проблему, изменив эффект прокрутки хедера или настроив параметры отображения элемента.
Решение 1 | Изменение эффекта прокрутки хедера
Решение 2 | Настройка отображения элемента на всех страницах
Смещенный текст на опубликованном сайте
Иногда макет опубликованного сайта отображается по-разному на разных экранах и в разных браузерах, а элементы выравниваются не так, как задумано. Это может быть связано с тем, что браузеры по-разному отображают шрифты и другие элементы.
Вы можете установить определенную высоту для текстового поля, что гарантирует, что даже если текст станет немного больше или меньше в другом браузере, это не повлияет на выравнивание полей на странице.
Чтобы установить высоту текстового поля:
- Нажмите на текстовое поле в редакторе.
- Нажмите и перетащите ручки на текстовом поле, чтобы немного вытянуть его за пределы текста (примерно на 10-20 пикселей). Это не влияет на размер самого текста.
Пробелы между элементами на всю ширину экрана и другими элементами
Некоторые элементы на сайте можно растянуть на всю ширину, например, линии, горизонтальные меню и некоторые галереи. Элементы, у которых есть этот параметр, отображают значок Растянуть 
при нажатии на них.
при нажатии на них.Когда вы растягиваете элемент на всю ширину, между ним и элементами, размещенными над или под ним, могут появиться пробелы. Можно решить эту проблему, используя функцию уменьшения масштаба, либо переместив элемент в другое место.
Решение 1 | Уменьшение масштаба для удаления пробелов
в верхней панели редактора. В этом представлении вы можете перемещать элементы, растянутые на всю ширину, вверх или вниз и удалять пробелы между ними. 
Решение 2 | Перемещение элементов вручную
Все еще возникают проблемы?
Если вы выполнили описанные выше шаги, но по-прежнему испытываете проблемы с сайтом, свяжитесь с нашей командой сопровождения, и мы будем рады помочь. Нажмите здесь, чтобы связаться с командой сопровождения Wix.
Была ли статья полезна?
|