top of page

Gridlines(网格线)的作用与使用

已更新:6月6日

在编辑页中默认显示两条虚线为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


提示:

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

7 次查看0 則留言

Kommentare


bottom of page