隐藏不同屏幕尺寸的元素

以前，Webflow Designer 包含针对各个元素的特定选项，以调整它们在不同屏幕尺寸上的可见性。如果您希望某些元素在桌面和平板电脑上可见，但在移动屏幕上不可见，则可以禁用其在其他屏幕尺寸上的可见性。

然而，这种方法导致存在多个事实来源。

要根据屏幕尺寸管理可见性，请使用位于设计器顶部的断点选择，并将该特定类的显示属性设置为 display: none。要恢复其可见性，您只需重置它即可。

影响每个元素的可见性（例如，当您不希望该类的每个元素消失时）：

1. 引入组合类（例如“隐藏”）
2. 用 display: none 定义它

随后，只有该元素（或已分配该组合类的任何其他元素）将被隐藏。

探索有关适合各种屏幕尺寸的样式的更多信息。

了解有关针对特定屏幕断点定制的触发器和动画的更多信息。