在Firefox 39.0和Chrome 43.0上使用Polymer 1.0
聚合物入门套件
我基本上有:<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>
这来自聚合物入门工具包。
我从forceNarrow
删除了paper-drawer-panel
属性,甚至尝试添加属性narrow="false"
,但是当我在笔记本电脑(15英寸屏幕)上的浏览器中查看网站时,面板始终处于窄屏模式。我在控制台中查看narrow
属性,它设置为true
。
据我了解,当窗口大于responsiveWidth
时,抽屉和主要内容会并排显示。那么,为什么我没有看到这种行为?
最佳答案
只需将force-narrow
NOT forceNarrow
添加到您的paper-drawer-panel
并删除javascript。 camelCase
中的聚合物javascript属性(例如forceNarrow
)将与HTML中的camel-case
匹配。
使用narrow=true
无效,因为这是抽屉的状态,它将永远有效地隐藏元素。
关于javascript - 纸盒面板默认缩小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31351451/