【发布时间】：2015-05-25 08:45:47
【问题描述】：
在基础上，请用任何好的例子来解释它。我无法理解与zurb-foundation documentation 的区别。
1) hidden-for-* 与 hide-for-*。
2) visible-for-* 与 show-for-*。
【问题讨论】：
标签： css responsive-design sass zurb-foundation
【发布时间】：2015-05-25 08:45:47
【问题描述】：
我认为，这句话给出了一个很好的解释：
向元素添加 display: none 将阻止屏幕阅读器 阅读它。但是，有一些技术可以在仍然隐藏内容的同时 使其可以被屏幕阅读器阅读。
如果我想专门为屏幕阅读器显示/隐藏一段内容，我会使用hide-for-* 和show-for-*。
hidden-for-* 和 visible-for-* 用于常规用途。根据所有用户的屏幕尺寸隐藏和显示内容。例如，更改标题的大小。
hide-for-* 和 show-for-* 用于可访问性用途。专门为屏幕阅读器隐藏和显示基于屏幕尺寸的内容。例如，更改可点击按钮的大小或显示一些元信息，因为否则很难从屏幕阅读器访问这些信息。
【讨论】：