极客观点
研发管理
HarmonyOS
rt
请问bootstrap里的sr-only是什么属性？用途是什么？
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
现在前端bootstrap用的多吗？？？
现在前端用的最多的技术有哪些？谢谢5 回答2.1k 阅读
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?3 回答1.7k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答955 阅读✓ 已解决
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白， 图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图3 回答1.1k 阅读✓ 已解决
如何实现 前端视频流的处理 和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？2 回答929 阅读✓ 已解决
我看到很多网站，都会对CSS初始化：`margin: 0; padding: 0;` ，目的是什么呢？
我看到很多网站，都会对CSS初始化：margin: 0; padding: 0; {代码...} 比如： {代码...} 请问这个目的是什么呢？1 回答1.4k 阅读✓ 已解决
这个内嵌的CSS样式，实际审查元素这个CSS样式是空的，这是怎么实现的？
当你查看这个CSS的时候，<style data-styled="active" data-styled-version="6.1.12"></style> 里面是什么页面，这怎么实现是，哪里能找到这个CSS文件2 回答834 阅读✓ 已解决
宣传栏
全称是
screen reader only，意为：（仅供）屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。有时候 UI 上会出现一些仅供视觉识别的元素，比如说“汉堡包菜单按钮”，只有视力正常的人才能清楚辨识这些元素的作用。而残障人士，比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器，也就是 screen reader（sr），屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢？因此我们还要写上这些元素的文本说明，但是又不需要展示给普通用户看到，于是加上
sr-only的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。