Html 下拉菜单中的子菜单在桌面视图中工作正常，但在移动/选项卡视图中没有子菜单？

下拉菜单中的子菜单在桌面视图中工作正常，但在移动/选项卡视图中没有子菜单？ 这是密码

<li class="menu-item menu-item-has-children right">
   <a href="#">Classes
       <div class="canvas_wrapper">
         <canvas class="menu_dashed">
         </canvas>
       </div>
   </a>
   <span class='button_open'>
   </span>

   <ul class="sub-menu">
      <li class="menu-item back"><a href="#"><em>←</em>&nbsp;BACK</a></li>
      <li class="menu-item"><a href="music.html">Music</a></li>
      <li class="menu-item"><a href="dance.html">Dance</a></li>
      <li class="menu-item"><a href="language.html">Languages</a></li>
      <li class="menu-item"><a href="others.html">Others</a></li>
      </ul> 
</li>

---

使用谷歌工具查看移动设备的紧凑性。

---

完成后，您将指定所有不支持的依赖项。

如果您不共享代码，我们如何帮助您已在CSS中添加了my menuUse media queries（我的菜单使用媒体查询），以使其更具响应性。