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	创建跳过链接屏幕阅读器将创建一个跳过链接，以导航到您网站的内容。