我目前正在开发一款适用于Android，iPhone和iPad的Phonegap应用程序。
各种尺寸（风景，肖像）等观点不同。所以我在iPhone上有不同的视图，然后在iPad上。
要想获得更好的图片，只需查看iPhone / iPad上的Mail应用即可。在iPad上，您有左侧的列表和右侧的内容。在iPhone上，您已获得列表，当您点击某个项目时，您将转换到文章/详细视图。
现在我正试图通过angular-ui路由器状态实现这一目标。
我想加载一个不同的视图，例如在设备宽度700px之上，以提供更好的用户体验。
现在我的问题：
如何根据窗口宽度告诉$stateProvider加载不同的视图？