基础 - 可见性课程
描述
Foundation 使用可见性类根据设备方向（纵向和横向）或屏幕尺寸（小、中、大或超大屏幕）显示或隐藏元素。
它允许用户根据浏览环境使用元素。
下表列出了 Foundation 的可见性类别，它们根据浏览环境控制元素 -
Foundation 支持某些类，您可以使用.hide和.invisible类隐藏内容，并且在页面上不显示任何内容。
方向检测
设备可以通过使用横向和纵向功能来确定不同的方向。移动电话等手持设备在旋转时会指定不同的方向。对于桌面，方向将始终为横向。
无障碍
下表列出了屏幕阅读器的辅助功能技术，该技术隐藏内容，同时使其可由屏幕阅读器读取 -
| 先生。 | 辅助功能类别和描述 |
|---|---|
| 1 | 为屏幕阅读器显示
它使用show-for-sr类来隐藏内容，同时防止屏幕阅读器阅读它。 |
| 2 | 对屏幕阅读器隐藏
它使用aria-hidden属性，使文本可见，但屏幕阅读器无法读取。 |
| 3 | 创建跳过链接
屏幕阅读器将创建一个跳过链接以导航到您网站的内容。 |
Sass 参考
Foundation 使用以下 mixin 来显示 CSS 输出，这允许为您的组件构建自己的类结构 -
| 先生。 | 混合与描述 | 范围 | 类型 |
|---|---|---|---|
| 1 |
表演 默认情况下，它隐藏一个元素并将其显示在特定屏幕尺寸之上。 |
$尺寸 | 关键词 |
| 2 |
仅供展示 默认情况下，它隐藏一个元素并在断点内显示它。 |
$尺寸 | 关键词 |
| 3 |
隐藏 默认情况下，它显示一个元素并将其隐藏在特定屏幕尺寸之上。 |
$尺寸 | 关键词 |
| 4 |
仅隐藏 默认情况下，它显示一个元素并将其隐藏在特定屏幕尺寸之上。 |
$尺寸 | 关键词 |
所有这些 mixin 的默认值都将设置为none。