在 Firefox 39.0 和 Chrome 43.0 上使用 Polymer 1.0
polymer 入门套件
我基本上有:
<body unresolved class="fullbleed layout vertical">
<template is="dom-bind" id="app">
<paper-drawer-panel id="paperDrawerPanel" narrow="true">
<div drawer>
Drawer
</div>
<div main>
Main
</div>
</paper-drawer-panel>
</template>
</body>
这是来自 polymer 入门套件。
我删除了 forceNarrow来自 paper-drawer-panel 的属性，甚至尝试添加属性 narrow="false" ，但是当我在笔记本电脑(15 英寸屏幕)上的浏览器中查看网站时，面板始终处于窄模式。当我查看控制台中的 narrow 属性时，它设置为 true。
据我了解，当窗口大于 responsiveWidth 时，抽屉和主要内容并排显示。 .那么，为什么我没有看到这种行为？
最佳答案
只需将 force-narrow 而非 forceNarrow 添加到您的 paper-drawer-panel 并删除 javascript。 camelCase 中的 Polymer javascript 属性，如 forceNarrow 将与 HTML 中的 camel-case 匹配。
使用 narrow=true 将不起作用，因为这是抽屉的状态，并且会有效地永远隐藏该元素。
关于javascript - 纸抽屉面板默认为窄，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31351451/