Gridlines（网格线）的作用与使用

在编辑页中默认显示两条虚线为gridlines，当您的元素超出gridlines，系统会提示”您已将一个元素拖到网格线之外。这意味着有些人可能无法在较小的屏幕尺寸上看到它。“在Wix Editor中，gridlines是非常重要的布局工具，我们需要在网格线内进行元素的布局。网格线不会出现在您的实时网站上。

首先，我们需要了解什么是gridlines（网格线）？

网格线是Wix编辑器内部的虚线，旨在帮助您正确构建网站的布局。这些线条作为视觉指南，确保您的内容对齐并正确放置在页面上。垂直网格线之外的内容可能不会显示在 iPad 或平板电脑等较小的屏幕上。

网格线的重要性

• 布局辅助：网格线提供了一个结构化的框架，帮助您组织内容。通过在网格线内对齐元素，确保您的布局整洁且视觉上吸引人。

• 一致性：保持内容在网格线内有助于在不同页面之间保持一致的外观。这种一致性对于专业外观至关重要，并提升用户体验。

• 响应式设计：放置在垂直网格线外的内容可能无法在iPad或平板电脑等较小的屏幕上正确显示。通过确保您的内容保持在这些边界内，您可以增强网站的响应能力，使其在任何设备上都能良好显示。

如何将内容放置在网格线之外？

如果您想将元素放置在垂直网格线之外，我们建议使用全宽元素。这些是响应式的，并在浏览器大小调整时进行相应调整。

以下全宽元素可超出gridlines使用：

Strips (including image and video strips)

Columns

Full-width slideshows

Wix Pro Gallery

Most galleries (Grid, Masonry, Thumbnail, Accordion, Animated Grid, Slide Deck, Slider)

Horizontal menus

Horizontal lines

Google Maps

提示：

确保重要内容（例如文字）仍然放置在该特定元素的垂直网格线内，即使使用全宽元素也是如此。这可以确保它不会在平板电脑和较小的屏幕上被切断。