Question

我正在尝试更改WinJS.UI.SplitView的{{1}}值。

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

显然我可以使用MediaQueries来处理大多数表示差异，但是因为这个属性是使用javascript设置的，所以看起来好像我的选项有限。

我在MSDN上发现 this 问题同样问题，但其中一个人的答案是使用媒体查询来设置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>

对于小屏幕/移动设备，WinJS.UI.SplitView将closedDisplayMode设置为none

0 个答案: