通常在创建导航的移动版本时，与设计一起使用的最直接方法是重复主导航标记，并在CSS中使用display:none隐藏一个或另一个在屏幕分辨率上。
这对可访问性不好吗？
这种方法本质上没有任何固有的无法访问。使用display:none将隐藏所有用户的内容，并且不会由屏幕阅读器大声朗读。
visibility: hidden; and/or display:none;这些样式将隐藏所有用户的文本。文本从页面的视觉流中删除，并被屏幕读取器忽略。如果您希望屏幕阅读器读取内容，请勿使用此CSS。但是，请使用它作为您不希望通过屏幕阅读器阅读的内容。
https://webaim.org/techniques/css/invisiblecontent/