Windows store apps WinJS.UI.SplitView将小屏幕/移动设备的closedDisplayMode设置为none

我正在尝试更改

WinJS.UI.SplitView

的

closedDisplayMode

值

当我正在使用的通用应用程序在小屏幕/移动设备上使用时，我想将其设置为

none

显然，我可以使用MediaQueries来处理大多数表示差异，但由于此属性是使用javascript设置的，因此我的选项似乎是有限的

我在MSDN上发现了一个问题，问的是同样的问题，但其中一个家伙的答案是使用媒体查询设置CSS类，然后在运行时检查splitview是否有该类。除非他知道一些我不知道的事情；这是不可能的

坦率地说，我认为其他的答案也很粗糙。我可以检测设备的分辨率（根据其他答案之一），但对于具有DPI缩放功能的高DPI设备呢

有没有一种更好的方法可以做到这一点，但却没有在任何地方记录下来

<div id="global_splitView" class="splitView" data-win-control="WinJS.UI.SplitView" data-win-options="{  shownDisplayMode : 'inline'}">

    <!-- Pane area -->
    <div class="splitView__bar">

        <div class="splitView__header">
            <button class="splitView__toggle win-splitviewpanetoggle" data-win-control="WinJS.UI.SplitViewPaneToggle" data-win-options="{ splitView: select('.splitView') }"></button>
            <div class="splitView__logo">
            </div>
        </div>

        <div class="group navigation">
        </div>
    </div>

    <!-- Content area -->
    <div class="splitView__content" id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/home/home.html'}">

    </div>    
</div>