Foundation - 可見性類

下表列出了 Foundation 的可見性類，這些類根據其瀏覽環境控制元素：

序號	可見性類和描述
1	按螢幕尺寸顯示它使用 .show 類根據裝置顯示元素。
2	按螢幕尺寸隱藏它使用 .hide 類根據裝置隱藏元素。

Foundation 支援一些類，您可以使用 .hide 和 .invisible 類隱藏內容，並且頁面上不會顯示任何內容。

方向檢測

裝置可以使用 landscape 和 portrait 功能確定不同的方向。手持裝置（如手機）在旋轉時會指定不同的方向。對於桌上型電腦，方向始終為橫向。

下表列出了用於螢幕閱讀器的輔助功能技術，這些技術隱藏內容，同時使其可被螢幕閱讀器讀取：

序號	輔助功能類和描述
1	對螢幕閱讀器顯示它使用 show-for-sr 類隱藏內容，同時阻止螢幕閱讀器讀取它。
2	對螢幕閱讀器隱藏它使用 aria-hidden 屬性使文字可見，但螢幕閱讀器無法讀取。
3	建立跳過連結螢幕閱讀器將建立一個跳過連結，以導航到您網站的內容。

Foundation 使用以下混合宏來顯示 CSS 輸出，這允許為您的元件構建自己的類結構：

序號	混合宏和描述	引數	型別
1	show-for 預設情況下，它隱藏元素，並在特定螢幕尺寸以上顯示它。	$size	關鍵字
2	show-for-only 預設情況下，它隱藏元素，並在斷點內顯示它。	$size	關鍵字
3	hide-for 預設情況下，它顯示元素，並在特定螢幕尺寸以上隱藏它。	$size	關鍵字
4	hide-for-only 預設情況下，它顯示元素，並在特定螢幕尺寸以上隱藏它。	$size	關鍵字

所有這些混合宏的預設值都將設定為 none。

列印頁面

序號	輔助功能類和描述
1	對螢幕閱讀器顯示它使用 show-for-sr 類隱藏內容，同時阻止螢幕閱讀器讀取它。
2	對螢幕閱讀器隱藏它使用 aria-hidden 屬性使文字可見，但螢幕閱讀器無法讀取。
3	建立跳過連結螢幕閱讀器將建立一個跳過連結，以導航到您網站的內容。