angularjs基于视口切换$stateProvider视图

我有一个包含3个嵌套视图的视图，当视口小于768时，我想隐藏3个嵌套视图中的2个，并在这三个视图之间切换。使用$stateProvider切换嵌套视图的最佳方法是什么，我已经四处寻找，但得到的答案不一

我正在使用jade/coffeescript

.state 'messages',
  url: '/messages',
  views:
    '':
      templateUrl: 'views/messages.html',
      controller: 'MessagesCtrl'
    'ticketList@messages':
      templateUrl: 'views/messages/list.html'
    'ticketComments@messages' :
      templateUrl: '/views/messages/comments.html'
    'ticketDetail@messages' :
      templateUrl: '/views/messages/detail.html'

主要观点是：

div(ui-view="ticketList")

div(ui-view="ticketComments")

div(ui-view="ticketDetail")

---

使用CSS和媒体查询。使用CSS和媒体查询。