CSS 在移动屏幕上隐藏子组件

Question

我的消息列表更新了聊天 window 很好。 但是在移动设备上，我希望隐藏我的消息列表，直到用户点击返回。

这会导致一个问题，因为如果用户在桌面上，无限滚动消息列表将重新呈现，导致其列表被刷新（缩小到原始）。

目前正在尝试使用 css 隐藏“左”div。

 section.inbox .hide-mobile .left {
    display: inline-block !important;
    visibility: visible !important;
  }