在不同的螢幕尺寸上隱藏元素

在 Webflow 中控制基於設備的可見性。

先前,Webflow Designer 包括針對各個元素的特定選擇,以調整其在不同螢幕尺寸上的可見度。如果您希望某些內容在桌上型電腦和平板電腦上可見,但在行動裝置螢幕上不可見,則可以停用其對其他螢幕尺寸的可見性。

然而,這種方法導致了有幾個事實來源。

若要根據螢幕尺寸管理可見性,請利用位於設計器頂部的斷點選擇,並將該特定類別的顯示屬性設為顯示:無。要恢復其可見性,您只需重置它即可。

要影響每個元素的可見性(例如,當您不希望具有該類別的每個元素消失時):

  1. 引入組合類別(例如“隱藏”)
  2. 用 display: none 定義它

隨後,只有該元素(或已指派該組合類別的任何其他元素)將被隱藏。

探索有關跨不同螢幕尺寸的樣式的更多資訊。

了解有關為特定螢幕斷點自訂的觸發器和動畫的更多資訊。

麥伊凡
Ewan Mak 的最新帖子 (看全部)