在基础上,请用任何好的例子来解释它。我不明白与zurb-foundation documentation的区别。

1)hidden-for-* vs hide-for-*

2)visible-for-* vs show-for-*

最佳答案

我认为,这句话引出了一个很好的解释:


  添加显示:没有元素会阻止屏幕阅读器
  阅读它。但是,有些技术可以在隐藏内容的同时
  使屏幕阅读器可读。


如果我想显示/隐藏专门供屏幕阅读器使用的内容,则可以使用hide-for-*show-for-*



hidden-for-*visible-for-*用于常规用途。根据所有用户的屏幕大小隐藏和显示内容。例如,更改标题的大小。

hide-for-*show-for-*用于辅助功能。根据屏幕大小隐藏和显示内容,专门用于屏幕阅读器。例如,更改可单击按钮的大小或显示一些元信息,因为否则很难从屏幕阅读器访问该信息。

关于css - 可见性/显示和隐藏/隐藏分类基础,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29191988/

10-12 12:40
查看更多