移动响应设置

重要提示:最近添加的自定义断点更改了本文档中的一些信息。另请参阅此处的文档。

如何调整手机、平板电脑和台式机的设置 #

许多可编辑功能具有移动平板桌面设置。最常见的用途包括:文本大小、元素的边距和填充等。

  1. 视口图标在您希望控制的单个元素旁边 查找视口图标。
  2. 单击要编辑其设置的特定设备图标。
设备

控制响应式背景图像和边框 #

Elementor 中的背景图像会自动响应设备,但您还可以控制每个设备的更多选项。

  1. 背景图像:如果需要,您可以为每个设备选择不同的背景图像,无论是相同图像的大小合适的版本,还是完全不同的图像。
  2. 背景图像显示选项:您可以为每个设备选择不同的图像位置、附件、重复和大小。通过这种方式,您可以更好地控制图像的哪个区域显示在不同的设备尺寸上。

能见度  #

您可以根据设备选择显示 隐藏部分

  1. 转到部分设置>高级>响应
  2. 设置您的可见性首选项,从“在桌面隐藏”、“在平板电脑上隐藏”或“在移动设备上隐藏”中进行选择。
可见性偏好

当隐藏一个元素并切换到隐藏它的视图时,你会看到这个元素是“静音”的。这为您提供了一个明确的指示,即该元素将隐藏在实时站点上,但仍使您能够根据需要对其进行编辑。 

您可以在不隐藏的响应模式下编辑该特定区域。例如,如果元素在移动设备上可见但在台式机和平板电脑上隐藏,您将能够在移动视图中编辑元素。

更改手机和平板电脑断点 #

您可以设置手机和平板电脑的断点值。

  1. 在任何 Elementor 页面或帖子编辑器中,单击 Widget Pane l  左上角 的汉堡菜单,然后导航到Site Settings > Layout > Breakpoints,并为手机和平板电脑设置断点值
  2. 保存您的更改
  3. 转到Elementor >工具常规选项卡> 重新生成CSS, 单击 重新生成文件

列排序 #

此功能颠倒了列的顺序。

要使用列排序,请转到Section Setting > Advanced > Responsive > Reverse Columns并将其设置为Yes

设备预览 #

通过单击面板底部的响应式编辑图标在设备视图之间切换。设备预览将位于编辑器的顶部。


帮助!我在移动预览中改变了一些东西,它也在桌面上改变了!为什么? #

  • 您不能在预览一种模式(例如移动设备)时删除元素(小部件、列或部分),并希望它仅从该类型的设备中删除。删除元素将在所有设备上删除它们。但是,您可以通过转到元素的 Advanced > Responsive选项卡并启用其任何可见性选项(在桌面上隐藏、在平板电脑上隐藏或在移动设备上隐藏)来使用元素的响应式可见性功能。虽然不会在这些设备上删除该元素,但它会被隐藏。
  • 在预览一种模式时,您不能移动元素,并希望它们仅针对该类型的设备移动。在任何预览模式下移动元素都会在所有设备上移动它们。一个例外是Section > Advanced > Responsive > Reverse Columns功能,它确实将列移动到它们的反向位置。
  • 如果元素旁边没有视口图标,则在一种预览模式下更改该元素将在所有设备上更改它。

Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top