先前,Webflow Designer 包括針對各個元素的特定選擇,以調整其在不同螢幕尺寸上的可見度。如果您希望某些內容在桌上型電腦和平板電腦上可見,但在行動裝置螢幕上不可見,則可以停用其對其他螢幕尺寸的可見性。
然而,這種方法導致了有幾個事實來源。
若要根據螢幕尺寸管理可見性,請利用位於設計器頂部的斷點選擇,並將該特定類別的顯示屬性設為顯示:無。要恢復其可見性,您只需重置它即可。
要影響每個元素的可見性(例如,當您不希望具有該類別的每個元素消失時):
- 引入組合類別(例如“隱藏”)
- 用 display: none 定義它
隨後,只有該元素(或已指派該組合類別的任何其他元素)將被隱藏。
探索有關跨不同螢幕尺寸的樣式的更多資訊。
了解有關為特定螢幕斷點自訂的觸發器和動畫的更多資訊。
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日